Descriptive text added to images that screen readers and search engines use to understand image content. Good alt text describes content and purpose, not just its appearance — “Team celebrating product launch” is better than “people in office.” Framer lets you add alt text directly in the image properties panel. See How to add Alt Tags to images.

A compressed image format best suited for photographs and complex images with many colors and gradients. JPEG compression is lossy, meaning some quality is sacrificed for smaller files. Use JPEG for photos but prefer PNG for graphics with sharp edges, text, or transparency.

A lossless image format supporting transparency, best for graphics, logos, and images with sharp edges or text. PNG files are larger than JPEG for photos but preserve quality perfectly through editing and compression. Use PNG for graphics with transparency or when image quality is paramount.

Temporary content indicating where final content will appear, helping visualize layouts before content is ready. Placeholders can be lorem ipsum text, gray boxes, or sample images. Replace placeholders with real content before launch—they can accidentally go live.

High-resolution screens with twice or more the standard pixel density, displaying sharper text and images. Retina displays require higher resolution images—typically 2x the displayed size—to appear crisp. Framer automatically serves appropriate image sizes for different display densities.

Largest Contentful Paint (LCP) measures loading performance by tracking when the largest visible text or image element appears on screen.