Advanced Embed Image

Load images from any external URL in your Framer CMS — without touching Framer's bandwidth limits.

Every image you upload to Framer eats into your bandwidth plan.

Framer's Pro plan gives you 100 GB/month. Sounds like a lot — until you're running a portfolio, a blog, or an e-commerce site with hundreds of product photos. Then you're either compressing everything into mush or paying $100/month for Scale.

Advanced Embed Image gives you a third option: load images from an external URL. They never touch Framer's bandwidth. Your plan stays clean.

How it works

Instead of uploading an image into Framer directly, you store it on an external CDN — like Cloudflare R2, S3, or any image hosting service — and paste the URL into this component.

Framer displays the image exactly as you'd expect. Your visitors see nothing different. But the bandwidth comes from your CDN, not from Framer.

For CMS-driven sites, it's even cleaner: connect the Image URL property directly to a field in your Framer collection. Every CMS item gets its own image, served externally, automatically.

What's included

• External image loading — paste any URL, the component renders it

• CMS-ready — bind Image URL, ThumbHash, and Alt Text directly to Framer collection fields

• Fixed sizing — stable, predictable layout with zero edge cases or unexpected shifts

• Alt text support — built-in accessibility and SEO, no workarounds needed

• Shimmer loading state — optional animated placeholder while the image loads, so visitors always see something instead of a blank box

• ThumbHash support — store a tiny blur-up preview hash alongside your image URL in the CMS. While the real image loads, visitors see a pixel-perfect blurry preview instead of nothing. Generate hashes at giga.tools

• Smart fallback — set a custom fallback image that appears when the URL is missing or broken. Never a broken image icon, ever

• Lightweight — no external dependencies, no effect on your Framer project file size or editor performance

Who it's for

• Framer sites with lots of images: portfolios, blogs, product catalogs

• Anyone approaching their monthly bandwidth limit

• Teams managing images through an external CDN or image service

• Projects where editor speed matters — large image libraries slow Framer's canvas down

Not for you if…

Your site has a handful of static images and you're nowhere near your bandwidth limit. This component is built for people who deal with images at volume.