A lightweight, production-ready image component designed specifically for CMS integration and bandwidth optimization.
Load images directly from external URLs to dramatically reduce your Framer project's bandwidth usage and storage requirements. Perfect for content-heavy sites, CMS-driven projects, and teams working within hosting plan limits.
Bandwidth Saver: Load images from external URLs instead of uploading to Framer, drastically reducing your site's bandwidth consumption and helping you stay within your hosting plan's limits
CMS Ready: Seamlessly connect Image URL and Alt Text properties directly to your Framer CMS for dynamic content management
Performance Optimized: Keeps your project file lightweight, leading to faster editor performance and quicker site deployment
Stable & Predictable: Uses Fixed sizing mode for 100% reliable behavior with no edge cases or layout shifts
Accessible: Built-in alt text support for better SEO performance and screen reader compatibility
Fallback Support: Includes a default placeholder image when no URL is provided, ensuring consistent visual presentation
Place the component on your canvas and set your desired dimensions using Framer's sizing controls
In the properties panel, connect the Image URL field to your CMS or paste an external image URL
(Optional) Add Alt Text for accessibility and SEO benefits
To apply visual effects like shadows or borders, wrap the component in a standard Framer Frame and apply styles to the wrapper
CMS-driven websites with numerous images
Projects approaching or exceeding bandwidth limits
Teams managing images via external CDNs or image optimization services
High-performance, lightweight web designs
Content-heavy sites (blogs, portfolios, e-commerce)
Iaroslav Vinokurov
