[ Image Optimizer ]
On-the-fly image optimization
Upload a single image. Image Optimizer generates the best format, size, and quality for each context on the fly, cutting weight, latency, and application-side work.
A layer to optimize images on the fly
Image Optimizer uses imgproxy as its transformation engine. Instead of preparing variants by hand, the system creates them when needed: resize, crop, compression, and format conversion happen on request — no manual pipelines, no image libraries scattered across the project.
Nuxt Image integration via JAMlabs
Nuxt Image, no glue code.
JAMlabs connects Nuxt Image to the image-optimization service and the distributed cache network, keeping a consistent configuration between local and production.
Every image in the right format
- The right format for every screenDesktop, tablet, mobile: every device gets the image at the correct size without the editorial team having to prepare variants by hand.
- WebP, AVIF, JPEG: automaticImage Optimizer detects the browser and serves the most efficient supported format. No configuration, no conditional branching in code.
- Reduced weight without losing qualityEach image is compressed in a targeted way, removing data useless to the browser and serving only what is needed for that context.
No variants to prepare in advance.
With a traditional approach, each image needs different variants for desktop, tablet, and mobile, in every browser-supported format. Multiplied across hundreds or thousands of assets, it becomes continuous work that is hard to maintain.
Image Optimizer handles everything at request time: the image is transformed, compressed, and served in the right format, without the editorial or technical team having to do anything extra.
Closer to the user
- Reduced response timesLess distance between request and response means pages that load faster, even on slow or geographically distant connections.
- More visits, fasterThe more the site is visited, the more the cache covers. The system scales naturally without requiring additional resources.
- A network that is ready to goYou don't have to build or configure a delivery network. It runs on our infrastructure, already active and globally distributed.
The distributed cache does the work for you.
An image optimized once is not recomputed for every subsequent request. The result is distributed across the network and served from the point closest to the end user, reducing latency and load on the transformation engine.
This means image-heavy pages don't become a scaling problem: the more the site is visited, the more the cache covers, the faster the response.
Built on imgproxy, open source
- Everything you needFrom size adaptation to format conversion, from compression to metadata removal: Image Optimizer handles every transformation automatically.
- Fast under loadThe optimization engine is designed to handle large volumes without slowing down. Performance stays stable even at peak times.
- Solid and maintainedBuilt on a tool already used in production by thousands of teams. Don't take our word for it: the code is public and verifiable.
Open source, but you don't DIY.
We use imgproxy because it is the most solid engine available for this job. The difference from self-hosting is that we manage the infrastructure, the network, the caching, the security, and the updates.
You get the transparency and solidity of an open-source project without the operational cost of running it yourself.
Lighter. Faster. More stable.
- Lighter imagesEach image weighs only as much as it needs to be displayed correctly in that context. Fewer bytes, faster loading.
- More responsive pagesOptimized images reduce the browser's work and contribute to a higher perceived speed, even on non-ideal connections.
- Less complexity in the projectThe editorial team uploads a single version of the image. Image Optimizer takes care of the rest, without adding steps to the workflow.
- Works with what you already useImage Optimizer integrates with Nuxt Image without changing existing code. Lazy loading and responsive sizes already work, just faster.
Control over the asset pipeline too
- Secure, verifiable URLsTransformation requests are verified before being run. It is not possible to generate arbitrary variants from unauthorized sources.
- Control over the image sourceOnly images from authorized sources can be optimized. No risk of the endpoint being used to access arbitrary content.
- Stable even at peak timesImage Optimizer responds predictably even during traffic spikes. Abusive requests are blocked before they impact the service.
The image pipeline is not a blind spot.
An open optimization endpoint can be used to load arbitrary images from any source, consume resources, or expose parts of the infrastructure. Image Optimizer handles this by default.
Authorized sources are defined in configuration. Invalid requests are blocked before they even reach imgproxy.
Where it works best
- Editorial landing pagesHeavy images in the main sections slow down the first impression. Image Optimizer makes them light without changing the editorial flow.
- E-commerce and catalogsCatalogs with hundreds or thousands of products: each image is adapted automatically to the customer's screen, with no extra work for the team.
- Blogs and media centersArticles with images of all sizes are served consistently, without the editor having to worry about format or resolution.
- Avatars and user-generated contentImages uploaded by users are optimized automatically at request time, requiring no manual processing or separate pipelines.
- Dashboards and product UIIcons, logos, and UI assets are served optimized and cached, reducing the total weight of the interface with no extra configuration.
- Apps with responsive layoutsA single source image adapts to every device. No extra markup, no variants to manage, no risk of stale assets.
Frequently asked questions
Want to optimize your project's images?
