Programikoner

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:

  1. Ö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.

  2. Ö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