SVG Optimization

In Framer, optimized SVGs help maintain crisp visuals while reducing unnecessary markup, file size, and rendering cost on published pages.

Related terms

Related terms

  • Image Optimization

    Performance

    The process of reducing image file sizes while maintaining acceptable visual quality for faster page loads. Optimized images can be 10x smaller than originals without noticeable quality loss, dramatically improving performance. Framer automatically optimizes uploaded images, converting to efficient formats like WebP where supported.

  • Page Speed

    Performance

    A measure of how quickly page content loads and becomes interactive, influenced by file sizes, server response, and code efficiency. Google uses page speed as a ranking factor, making optimization both a UX and SEO concern. Framer’s infrastructure and automatic optimizations help achieve fast page speeds.