Serving images to high-density displays

High-density screens can expose soft raster assets, but delivering every photograph at twice its CSS dimensions can impose a large cost on mobile connections.

Use vectors for interface artwork

Prefer SVG for logos and simple icons where browser support and content policy permit. Retain accessible text labels and provide a tested fallback for older clients still within the support matrix.

Generate deliberate raster variants

Export 1x and 2x candidates from a clean source, compare compression visually and reserve high-density delivery for assets where the difference is useful. Photographs often tolerate stronger compression at the larger dimensions.

Measure on constrained networks

Test initial page weight and rendering on real mobile hardware. A sharper image arriving several seconds later is not automatically an improved experience, particularly below the initial viewport.