Följande tabell visar de ikonstorlekar som används på olika mobilplattformar:
Ikonstorlek
|
Plattform
|
29x29
|
iOS
|
36x36
|
Android
|
40x40
|
iOS
|
48 x 48
|
Android, iOS
|
50x50
|
iOS
|
57x57
|
iOS
|
58x58
|
iOS
|
60x60
|
iOS
|
72x72
|
Android, iOS
|
75x75
|
iOS
|
76x76
|
iOS
|
80x80
|
iOS
|
87x87
|
iOS
|
96x96
|
Android
|
100x100
|
iOS
|
114x114
|
iOS
|
120 x 120
|
iOS
|
144x144
|
Android, iOS
|
152x152
|
iOS
|
167 x 167
|
iOS
|
180x180
|
iOS
|
192 x 192
|
Android
|
512 x 512
|
Android, iOS
|
1 024 x 1 024
|
iOS
|
Ange sökvägen till ikonfilerna i icon-elementet i programbeskrivningsfilen:
<icon>
<image36x36>assets/icon36.png</image36x36>
<image48x48>assets/icon48.png</image48x48>
<image72x72>assets/icon72.png</image72x72>
</icon>
Om du inte anger någon ikon med en bestämd storlek används den näststörsta storleken, som skalas för att passa.
Ikoner på Android
På Android används de ikoner som angetts i programbeskrivningen som programstartsikoner. Programstartsikonen bör anges som en uppsättning PNG-bilder med 36x36, 48x48, 72x72, 96x96, 144x144 och 192x192 pixlar. De här ikonstorlekarna används för skärmar med låg täthet, mellanhög täthet och hög täthet.
Utvecklarna måste skicka ikonen med 512x512 pixlar när appen överförs till Google Play Store.
Ikoner på iOS
De ikoner som definieras i programbeskrivningen används på följande platser i ett iOS-program:
-
En ikon med storleken 29x29 pixlar – Spotlight-sökikon för iPhone- och iPod-enheter med lägre upplösning, och Inställningar-ikon för iPad-enheter med lägre upplösning.
-
En ikon med storleken 40 x 40 pixlar – Spotlight-sökningsikon på iPad-enheter med lägre upplösning.
-
En ikon med storleken 48x48 pixlar – AIR lägger till en ram i den här bilden och använder den som 50x50-ikon för Spotlight-sökningar på iPad-enheter med lägre upplösning.
-
En ikon med storleken 50x50 pixlar – Spotlight-sökning på iPad-enheter med lägre upplösning.
-
En ikon med storleken 57x57 pixlar – Programikon för iPhone- och iPod-enheter med lägre upplösning.
-
En ikon med storleken 58x58 pixlar – Spotlight-ikon för iPhone- och iPod-enheter med Retina-skärm och Inställningar-ikon för iPad-enheter med Retina-skärm.
-
En ikon med storleken 60x60 pixlar – Programikon för iPhone- och iPod-enheter med lägre upplösning.
-
En ikon med storleken 72x72 pixlar (valfritt) – Programikon för iPad-enheter med lägre upplösning.
-
En ikon med storleken 76x76 pixlar (valfritt) – Programikon för iPad-enheter med lägre upplösning.
-
En ikon med storleken 80 x 80 pixlar – Spotlight-sökning på iPhone/iPod/iPad-enheter med hög upplösning.
-
En ikon med storleken 100x100 pixlar – Spotlight-sökning på iPad-enheter med Retina-skärm.
-
En ikon med storleken 114x114 pixlar – Programikon för iPhone- och iPod-enheter med Retina-skärm.
-
En ikon med storleken 120 x 120 pixlar – Programikon på iPhone/iPod-enheter med hög upplösning.
-
En ikon med storleken 152 x 152 pixlar – Programikon för iPad-enheter med hög upplösning.
-
En ikon med storleken 167 x 167 pixlar – Programikon för iPad Pro-enheter med hög upplösning.
-
En ikon med storleken 512x512 pixlar – Programikon för iPhone-, iPod- och iPad-enheter med lägre upplösning. iTunes visar den här ikonen. PNG-filen med 512 pixlar används bara för att testa utvecklingsversioner av ditt program. När du skickar det färdiga programmet till Apple App Store skickar du 512-bilden separat som en JPG-fil. Den ingår inte i IPA-filen.
-
En ikon med storleken 1 024x1 024 pixlar – Programikon för iPhone-, iPod- och iPad-enheter med Retina-skärm.
Den glänsande effekten läggs till i iOS. Du behöver inte använda effekten på källbilden. Om du vill ta bort den här glänsande standardeffekten lägger du till elementet
InfoAdditions
i programbeskrivningsfilen:
<InfoAdditions>
<![CDATA[
<key>UIPrerenderedIcon</key>
<true/>
]]>
</InfoAdditions>
Obs!
I iOS infogas programmetadata som png-metadata i programikoner så att Adobe kan spåra antalet AIR-program som är tillgängliga i Apple iOS app store. Om du inte vill att ditt program ska identifieras som ett AIR-program på grund av dessa ikonmetadata måste du packa upp IPA-filen, ta bort ikonmetadata och paketera om det. Denna procedur beskrivs i artikeln
Välja bort AIR-programanalyser för iOS
.
iOS-startbilder
Utöver programikonerna måste du också tillhandahålla minst en startbild med namnet
Default.png
. Om du vill kan du inkludera separata startbilder för olika startorienteringar, upplösningar (inklusive för högupplösta Retina-skärmar och 16:9-förhållandet) och enheter. Du kan också inkludera olika startbilder som ska användas när ditt program anropas via en webbadress.
Startbildsfiler har ingen referens i programbeskrivningen och måste placeras i programmets rotkatalog. (Lägg
inte
filerna i en underkatalog.)
Schema för filnamngivning
Namnge bilderna enligt följande schema:
basename + screen size modifier + urischeme + orientation + scale + device + .png
Basnamnsdelen
av filnamnet är den enda obligatoriska delen. Den är antingen
Default
(med stort D) eller det namn som du anger med
UILaunchImageFile
-nyckeln i
InfoAdditions
-elementet i programbeskrivningen.
Delen för
skärmstorleksmodifieraren
bestämmer storleken på skärmar när det inte är skärmar med standardstorlek. Denna modifierare används endast för iPhone- och iPod touch-modellerna med skärmar som har storleksförhållandet 16:9, till exempel iPhone 5 och iPod touch (5:e generationen). Det enda tillåtna värdet för den här modifieraren är
-568h
. Eftersom dessa enheter har stöd för högupplösta Retina-skärmar används alltid skärmstorleksmodifieraren även när en bild har skalmodifieraren
@2x
. Den fullständiga standardstartbilden för dessa enheter är
Default-568h@2x.png
.
Delen
urischeme
är den sträng som används för att identifiera URI-schemat. Denna del gäller endast om ditt program har stöd för en eller flera anpassade URL-scheman. Om till exempel ditt program kan anropas via en länk som
example://foo
använder du
-example
i scheme-delen av startbildens filnamn.
Delen
orientation
erbjuder ett sätt att ange olika startbilder som kan användas beroende på enhetens orientering när programmet startas. Denna del gäller endast för bilder i iPad-program. Det kan vara ett av följande värden beroende på den orientering enheten har när programmet startas:
-
-Portrait
-
-PortraitUpsideDown
-
-Landscape
-
-LandscapeLeft
-
-LandscapeRight
Den
skalade
delen är
@2x
(för iPhone 4, iPhone 5 och iPhone 6) eller
@3x
(för iPhone 6 plus) för startbilder som används på skärmar med hög upplösning (retina). (Uteslut delen scale helt för de bilder som används för skärmar med standardupplösning.) Om du vill använda bilder för större enheter, som exempelvis iPhone 5 och iPod touch (5:e generationen), måste du även ange skärmstorleksmodifieraren
-528h
efter basnamnsdelen och före andra delar.
Delen
device
används för att bestämma startbilder för handhållna enheter och telefoner. Denna del används när ditt program är ett generellt program som har stöd för både handhållna enheter och surfplattor med en enda programbinärfil. De möjliga värdena är antingen
~ipad
eller
~iphone
(för både iPhone och iPod Touch).
För iPhone kan du bara inkludera bilder med stående proportioner. För iPhone 6 plus kan även liggande bilder läggas till. Använd bilder med 320x480 pixlar för standardupplösta enheter, bilder med 640x960 pixlar för högupplösta enheter och bilder med 640x1136 pixlar för 16:9-enheter, som exempelvis iPhone 5 och iPod touch (5:e generationen).
På en iPad inkluderar du bilder enligt följande:
-
AIR 3.3 och tidigare – Icke-fullstora bilder: Inkludera bilder med både liggande (1 024x748 för normal upplösning, 2 048x1 496 för hög upplösning) och stående (768x1 004 för normal upplösning, 1 536x2 008 för hög upplösning) format.
-
AIR 3.4 och senare – Fullstora bilder: Inkludera bilder med både liggande (1 024x768 för normal upplösning, 2 048x1 536 för hög upplösning) och stående (768x1 024 för normal upplösning, 1 536x2 048 för hög upplösning) format. Observera att när du paketerar en fullstor bild för ett program som inte täcker hela skärmen, kommer de 20 översta pixlarna (översta 40 för hög upplösning) att täckas av statusfältet. Undvik att visa viktig information i detta område.
Exempel
I följande tabell visas ett exempel på en uppsättning startbilder som du kan inkludera för ett tänkt program, som har stöd för många typer av enheter och orienteringar och som kan startas via webbadresser med
example://
-schemat:
Filnamn
|
Bildstorlek
|
Användning
|
Default.png
|
320 x 480
|
iPhone, standardupplösning
|
Default@2x.png
|
640 x 960
|
iPhone, hög upplösning
|
Default-568h@2x.png
|
640 x 1136
|
iPhone, hög upplösning, 16:9-förhållande
|
Default-Portrait.png
|
768 x 1 004 (AIR 3.3 och tidigare)
768 x 1024 (AIR 3.4 och senare)
|
iPad, stående orientering
|
Default-Portrait@2x.png
|
1 536 x 2 008 (AIR 3.3 och tidigare)
1536 x 2048 (AIR 3.4 och senare)
|
iPad, hög upplösning, stående orientering
|
Default-PortraitUpsideDown.png
|
768 x 1 004 (AIR 3.3 och tidigare)768 x 1024 (AIR 3.4 och senare)
|
iPad, stående orientering upp och ned
|
Default-PortraitUpsideDown@2x.png
|
1 536 x 2 008 (AIR 3.3 och tidigare)1536 x 2048 (AIR 3.4 och senare)
|
iPad, hög upplösning, stående orientering upp och ned
|
Default-Landscape.png
|
1 024 x 768
|
iPad, liggande orientering åt vänster
|
Default-LandscapeLeft@2x.png
|
2048 x 1536
|
iPad, hög upplösning, liggande orientering vänster
|
Default-LandscapeRight.png
|
1 024 x 768
|
iPad, liggande orientering åt höger
|
Default-LandscapeRight@2x.png
|
2048 x 1536
|
iPad, hög upplösning, liggande orientering höger
|
Default-example.png
|
320 x 480
|
example:// URL på standard-iPhone
|
Default-example@2x.png
|
640 x 960
|
example:// URL på iPhone med hög upplösning
|
Default-example~ipad.png
|
768 x 1 004
|
example:// URL på iPad med stående orienteringar
|
Default-example-Landscape.png
|
1 024 x 768
|
example:// URL på iPad med liggande orienteringar
|
Detta exempel visar endast ett tillvägagångssätt. Du kan till exempel använda bilden
Default.png
för iPad och ange speciella startbilder för iPhone och iPod med
Default~iphone.png
och
Default@2x~iphone.png
.
Se även
iOS Application Programming Guide: Application Launch Images
Startbilder som ska förpackas för iOS-enheter
Enheter
|
Upplösning (pixlar)
|
Startbildens namn
|
Orientering
|
iPhone
|
iPhone 4 (utan retina)
|
640 x 960
|
Default~iphone.png
|
Stående
|
iPhone 4, 4s
|
640 x 960
|
Default@2x~iphone.png
|
Stående
|
iPhone 5, 5c, 5s
|
640 x 1136
|
Default-568h@2x~iphone.png
|
Stående
|
iPhone6, iPhone7
|
750 x 1334
|
Default-375w-667h@2x~iphone.png
|
Stående
|
iPhone6+, iPhone 7+
|
1242 x 2208
|
Default-414w-736h@3x~iphone.png
|
Stående
|
iPhone6+, iPhone7+
|
2208 x 1242
|
Default-Landscape-414w-736h@3x~iphone.png
|
Landscape
|
iPad
|
iPad 1, 2
|
768 x 1 024
|
Default-Portrait~ipad.png
|
Stående
|
iPad 1, 2
|
768 x 1 024
|
Default-PortraitUpsideDown~ipad.png
|
Stående upp och ned
|
iPad 1, 2
|
1 024 x 768
|
Default-Landscape~ipad.png
|
Liggande vänster
|
iPad 1, 2
|
1 024 x 768
|
Default-LandscapeRight~ipad.png
|
Liggande höger
|
iPad 3, Air
|
1 536 x 2 048
|
Default-Portrait@2x~ipad.png
|
Stående
|
iPad 3, Air
|
1 536 x 2 048
|
Default-PortraitUpsideDown@2x~ipad.png
|
Stående upp och ned
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeLeft@2x~ipad.png
|
Liggande vänster
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeRight@2x~ipad.png
|
Liggande höger
|
iPad Pro
|
2048 x 2732
|
Default-Portrait@2x.png
|
Portrait
|
iPad Pro
|
2732 x 2048
|
Default-Landscape@2x.png
|
Landscape
|
Riktlinjer för grafik
Du kan skapa vilken grafik du vill för en startbild, förutsatt att grafiken har rätt dimensioner. Men det är oftast bäst att bilden matchar det inledande tillståndet för programmet. Du kan skapa en sådan startbild genom att ta en skärmbild av ditt programs startskärm:
-
Öppna programmet på iOS-enheten. När den första skärmen med användargränssnitt visas trycker du och håller ned hemknappen (nedanför skärmen). Samtidigt som du håller ned hemknappen trycker du på viloläge-/strömknappen (på ovansidan av enheten). Då tas en skärmavbild som skickas till kamerarullen.
-
Överför bilden till utvecklingsdatorn med iPhoto eller med något annat bildöverföringsprogram.
Lägg inte in någon text i startbilden om programmet översätts till flera språk. Startbilden är statisk, och texten kan inte anpassas för andra språk.
Se även
iOS Human Interface Guidelines: Launch images
|
|
|