A standalone page designed for a specific marketing goal, typically with focused messaging and a single call to action. Unlike general website pages, landing pages minimize distractions to maximize conversions. Test landing page variations systematically—small changes in headlines, images, or CTAs can significantly impact results.

The smallest unit of a digital display, a single point of color that combines with millions of others to form images. Understanding pixel dimensions helps you provide appropriate image sizes for different devices. Retina displays pack more pixels into the same space, requiring higher-resolution images for sharp display.

An image that adapts to different screen sizes and resolutions, serving appropriately sized versions for each context. Responsive images improve performance by avoiding unnecessarily large downloads on small screens. Framer handles responsive images automatically, serving optimized versions.

The process of reducing file sizes by removing redundant data, making assets faster to download and cheaper to serve. Image compression can reduce file sizes by 50-80% with minimal visual quality loss using formats like WebP. Framer automatically optimizes images for web delivery while preserving quality where it matters most.

Dots Per Inch—a measure of print resolution indicating how many ink dots fit in one inch, affecting print quality and file size. Higher DPI produces sharper prints but larger files. For web, focus on PPI (pixels per inch) and responsive images rather than DPI.

In Framer workflows, exportable layers help teams move graphics, images, and design assets between site production, marketing, and documentation needs.

Framer asset libraries help teams keep visual materials organized and reusable, so collaborators can build pages with consistent media and brand resources.

Framer uses global delivery infrastructure to help pages, images, scripts, and assets reach visitors quickly across regions, improving perceived speed and reliability.