Spring til indhold

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.

Resultatet er vejledende og et hjælpeværktøj til overslag og læring. Det erstatter ikke projektering, gældende normer og lovgivning eller en autoriseret fagpersons konkrete vurdering. Kontrollér altid mod kilden (Apple Human Interface Guidelines – @1x/@2x/@3x-skalafaktorer) og de faktiske forhold på opgaven. Se kilder & forbehold.