Retina Image Size Calculator

Enter the CSS or point display size to calculate matching high-density image dimensions for 1x, 2x, and 3x assets.

Display width (CSS px / points)

Display height

For a 640 × 360 display slot, a 2x asset is 1280 × 720 pixels and a 3x asset is 1920 × 1080 pixels.

Use the connected image workflow

Optimize only when needed, set dimensions deliberately, convert or edit for a real destination, then inspect the exported result before replacing your source asset.

Browser-local limits

Canvas-based export is browser dependent. PNG is broadly available; JPEG/WebP quality and support can vary, and metadata may not be preserved through canvas re-encoding.