Design pixels vs network pixels
What you see on the Framer canvas is not what you should ship. Export or convert at 1× (or a modest 1.5×) of the desktop breakpoint, WebP 80–90%, then replace the asset on the canvas.
Why it matters
- Marketing sites are judged on first-load LCP.
- CMS collections in Framer repeat cover images.
- No reason to send client mockups to an online compressor.
How to do it
- Select all page images that are photos or screenshots.
- Convert the folder; cap width at 1800–1920 px.
- Replace in Framer Assets and republish.
Settings that work
Photos 80% / 1920 px. UI shots 90% / 1440 px. Avatars 400 px.