Skip to content

Retina/HiDPI-asset-skalering

Hvor mange pixels skal mit @2x/@3x-ikon eksporteres i?

Beregneren omregner en billedressourcens punkt-/CSS-størrelse til den faktiske pixelstørrelse, den skal eksporteres i for at se skarp ud på skærme med højere pixel-tæthed (Retina/HiDPI). Bruges når man eksporterer ikoner, illustrationer og UI-grafik til app- eller webdesign i flere opløsninger. Erstatter ikke en fuld asset-eksportplan, men giver de tre standardstørrelser.

800px
Eksporthøjde600 px
3D …

Eksport-pixelstørrelse = CSS-/punkt-størrelse × skalafaktor.

Apples Human Interface Guidelines definerer @1x som 1:1 pixel-tæthed, @2x som dobbelt og @3x som tredobbelt tæthed — samme princip bruges i Android (mdpi/xhdpi/xxhdpi) og på responsive websites.

The result is indicative and an aid tool for estimates and learning. It does not replace design, applicable standards and legislation or a qualified professional's specific assessment. Always check against the source (Apple Human Interface Guidelines – @1x/@2x/@3x-skalafaktorer) and actual conditions on the task. See sources & reservations.