https://github.com/lorenzleutgeb/cloudinary-in-the-middle
https://github.com/lorenzleutgeb/cloudinary-in-the-middle
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lorenzleutgeb/cloudinary-in-the-middle
- Owner: lorenzleutgeb
- Created: 2019-09-07T11:25:04.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-09-08T09:44:14.000Z (over 5 years ago)
- Last Synced: 2025-01-17T16:56:12.697Z (4 months ago)
- Language: CSS
- Size: 2.51 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cloudinary in the Middle
We reduce the size of images in websites using Cloudinary.
## What it does
Redirects requests for images to Cloudinary, which then fetches the original image and applies transformations to it (configurable) such as heavily compressing the image, or other effects. This can be automatically enabled/disabled depending on the connection speed reported by the browser.
## How we built it
Browser Extension, implemented in JavaScript using APIs to interface with the browser.
## Challenges we ran into
- Cross-compatibility issues with Chrome and Firefox
- Strict security restrictions (which are good) enforced by the browsers
## What we learned
- Using Cloudinary and how it's API works
- How to implement a Browser Extension (with Settings Page, Content Script and Background Script)
- Using the Messaging API for Browser Extensions
- Using the WebRequest API for Browser Extensions