Hva er de riktige pikseldimensjoner for et eple-touch-ikon?

stemmer
69

Jeg er ikke sikker på hva som er riktig størrelse bør være.

Mange steder ser ut til å gjenta at Apple-touch-ikonet skal være 57x57 piksler, men sitere en ødelagt link som sin kilde.

Hanselman 's og playgroundblues ' s kommentarer foreslå ulike størrelser, inkludert 163x163 og 60x60.

Apples egen apple.com ikonet er 129x129!

Se min relaterte spørsmål: Hvordan gir jeg mine nettsider et ikon for iPhone?

Publisert på 04/08/2008 klokken 21:17
kilden bruker
På andre språk...                            


11 svar

stemmer
40

Det virker som Apple retningslinjer per 03.08.2010 inkluderer nå "høy oppløsning" bilder (for iPhone 4) i sine "nødvendige" ikonstørrelser.

Ser ut som vi trenger for å gi både en 57x57 og 114x114 bilde nå, samt en 640x960 tittel bilde.

Se Creation Retningslinjer Custom Ikon og Image (Javascript kreves) som er en del av et helt dokument:

Svarte 16/08/2010 kl. 06:15
kilden bruker

stemmer
5

Fra Google buffer for Apple Developer Connection - Web Apps Dev Senter - Utforme innhold ...

Lag en Web Clip bokmerke Ikon

iPhone og iPod touch tillate en bruker å lagre en Web Clip bokmerke til din side på deres hjemmeskjermen.

Hvis du vil angi et bokmerke ikon for alle sider av et nettsted, plassere en PNG-bilde som heter "eple-touch-icon.png" i rotkatalogen på webserveren - ligner på "favicon.ico" for nettstedet ikoner.

For å overstyre nettstedet bokmerke-ikonet på en bestemt nettside, sette inn en <link> element lik <link rel = "eple-touch-ikonet" href = "/ customIcon.png" /> i <head> element på siden .

Bokmerkeikonet dimensjoner skal være 57x57 piksler. Hvis ikonet er en annen størrelse vil det bli skalert og beskåret for å passe.

Safari vil automatisk kompositt ikonet med standard "glassaktig" overlegg slik at det ser ut som en innebygd iPhone eller iPod-programmet.

Svarte 06/08/2008 kl. 23:13
kilden bruker

stemmer
3

Avhenger av hvor mye detaljer du vil at den skal ha, må den ha størrelsesforholdet 1: 1 (i utgangspunktet - det må være firkantet)

Jeg ville gå med Apples egen 129 * 129

Svarte 04/08/2008 kl. 21:36
kilden bruker

stemmer
2

Som en del av sin Safari Web Content Guide, Apple faktisk har en offentlig tilgjengelig side som heter " Angi en webside Ikon for Web Clip " (Javascript kreves) som dekker alle de vedtak og gjennomføring.

Svarte 22/01/2011 kl. 12:53
kilden bruker

stemmer
2

Jeg kan ikke sitere en kilde for disse størrelsene, fordi den offisielle referansen er under lås og nøkkel av ADC.

Men mange av de ikke-NDA nettsteder har tutorials på hvordan du oppretter ikonene. For eksempel her:

Svarte 06/08/2008 kl. 23:06
kilden bruker

stemmer
1

Apple specs spesifisere nye størrelser for iOS 7:

  • 60x60
  • 76x76
  • 120x120
  • 152x152

Mens gamle størrelser for iOS6 og før er:

  • 57x57
  • 72x72
  • 114x114
  • 144x144

Forresten, er forhåndssammensatt ikoner foreldet.

Som en konsekvens, for å støtte men nye enheter (som kjører iOS 7) og eldre (iOS6 og tidligere), må disse 8 bildene være til stede og det generiske kode er:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

I tillegg bør du lage en 152x152 bilde med navnetapple-touch-icon.png .

Du ønsker kanskje å vite at dette favicon generator kan generere alle disse bildene på en gang. Full avsløring: Jeg er forfatter av dette nettstedet.

Svarte 15/01/2014 kl. 22:04
kilden bruker

stemmer
1

Den offisielle størrelsen er 57x57. Jeg vil anbefale å bruke den eksakte størrelsen rett og slett på grunn av det faktum at det tar mindre minne når lastet (med mindre Apple bufrer skalert representasjon). Med det sagt, er Rex riktig at enhver kvadratisk format vil fungere

Svarte 06/08/2008 kl. 04:10
kilden bruker

stemmer
0

Du trenger ikke å bry for riktig størrelse lenger. Hvis du har iTunes kunstverk fil (dvs. filen på 1024 * 1024 størrelse) på ikonet, så jeg har laget dette programmet som vil gi deg alle ikonene basert på informasjon her . Få programmet fra her , og følg instruksjonene i readme-fil for å lage alle de nødvendige ikoner for iOS søknad.

Svarte 20/04/2014 kl. 20:43
kilden bruker

stemmer
0

Oppdatert liste oktober 2014 iOS8

Liste for iPhone og iPad med og uten retina

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Update 2014 iOS 8:

For iOS 8 og iPhone 6 Plus

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 anvendes den samme 120 x 120 piksler som iphone 4 og 5 resten er den samme som for iOS 7

Oppdater 2013 iOS 7:

For iOS 7 anbefalte vedtak endret:

  • for iPhone Retina fra 114 x 114 piksler til 120 x 120 piksler
  • for ipad Retina fra 144 x 144 piksler til 152 x 152 piksler

Den andre oppløsningen er fortsatt den samme

  • 57 x 57 px standard
  • 76 x 76 piksler for iPads uten retina
Svarte 12/11/2013 kl. 16:06
kilden bruker

stemmer
0

NilObject link førte meg til gode blogginnlegg catchup på ikonmakentosh.com

... Selvfølgelig alt dette inkonsekvens hadde å bli behandlet til slutt, ikke sant? Vel 2,0 jobbet med det i fin mote! Endelig 57x57 faktisk betydde 57x57.

... hver piksel ... gjengis perfekt.

Svarte 06/08/2008 kl. 23:36
kilden bruker

stemmer
0

Jeg tror ikke det er en "riktig størrelse". Siden iPhone virkelig kjører OSX, er ikonet som gjør systemet ganske robust. Så lenge du gir den en høy bildekvalitet med riktig sideforhold og en oppløsning på minst like høy som den faktiske produksjonen vil være, vil OS nedskalere veldig rent. Mitt nettsted bruker en 158x158 og ikonet ser pixel-perfekt på iPhone-skjermen.

Svarte 04/08/2008 kl. 21:22
kilden bruker

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more