On the Fly Image Optimization
Transform images on the fly with a simple URL parameter. Serve device optimized images globally in milliseconds.
Best teams using our Image Optimizer
Optimize at the Edge
Images are resized, compressed, and converted into modern formats at edge locations closest to your users.
Bandwidth Savings
Global Edge Locations
Average Processing Time
Why it matters!
Why teams flip the toggle on.
Three things move the moment you turn it on, and they keep compounding. Designed to improve performance at every request.
Faster Pages
Smaller files load faster, improving page speed and reducing bounce rates.
Smaller CDN Bill
Optimized images use less bandwidth, helping reduce delivery and storage costs.
Core Web Vitals That Pass
Improve LCP and overall page performance with optimized image delivery.
Smart Formats
Serve AVIF, WebP, or JPG automatically based on browser support.
Automatic Format Conversion
Convert every image into the most efficient format supported by the user's browser, automatically.
Network Aware Delivery
Adapt image delivery based on connection quality and device conditions.
Responsive Image Resizing
Generate the right image dimensions for every screen size automatically.
Retina Ready Images
Deliver sharp and crisp visuals across modern high density displays.
Smarter Image Loading
Load images only when they become visible to improve page performance.
Global Edge Acceleration
Deliver images from edge locations closest to your users for faster load times.
Under the Hood
Three steps, then it's all cache.
Request
The image request is routed to the nearest Tenbyte edge location, carrying the optimization parameters defined in the URL.
Optimize
On the first request, the edge fetches the original image, then resizes, compresses, and converts it into the most efficient format.
Deliver
The optimized image is cached at the edge and delivered instantly. Future requests are served directly from cache for even faster performance.
Get Started in Minutes
Integrate quickly with ready-to-use SDKs and setup guides for Next.js, Android, iOS, Shopify, Astro, Nuxt, and more. Follow platform-specific instructions and start building with Tenbyte in just a few steps.
export default function tenbyteLoader({ src, width, quality }) {
// Rewrite known origin domains to Tenbyte CDN; pass everything else through unchanged.
if (src.includes(process.env.NEXT_PUBLIC_IMAGE_ORIGIN)) {
const url = new URL(src);
url.hostname = process.env.NEXT_PUBLIC_TENBYTE_HOST;
url.searchParams.set("w", width);
url.searchParams.set("q", quality || 80);
url.searchParams.set("format", "auto");
return url.toString();
}
return `${src}?w=${width}&q=${quality || 80}&format=auto`;
}
Smaller Images are one Click Away.
Turn on Image Optimizer and watch your image weight drop on the next request.
General
Technical
Can't find what you're looking for? Contact our customer support team