Jaké jsou správné rozměry v obrazových bodech pro jablko-dotykové ikony?

hlasů
69

Nejsem si jistý, co je správné velikosti by měla být.

Mnoho stránek Zdá se, že zopakovat, že-touch-icon jablka by měla být 57x57 pixelů, ale citovat nefunkční jako jejich zdroj.

Hanselman ‚s a playgroundblues ‘ poznámky s jsou naznačují různé velikosti včetně 163x163 a 60x60.

Apple vlastní ikona apple.com je 129x129!

Viz můj související otázku: Jak mohu dát své webové stránky ikonu pro iPhone?

Položena 04/08/2008 v 22:17
zdroj uživatelem
V jiných jazycích...                            


11 odpovědí

hlasů
40

Zdá se, že Apple pokyny jsou ze 3. srpna 2010, nyní patří k „vysokým rozlišením“ obrazy (pro iPhone 4), ve svých „potřebná“ velikostí ikon.

Vypadá to, že budeme muset poskytnout jak 57x57 a 114x114 image nyní, stejně jako 640x960 titulní obrázek na.

Viz vlastní ikonu a obrázek Pokyny pro vytváření (JavaScript požadované), která je součástí celého dokumentu:

Odpovězeno 16/08/2010 v 07:15
zdroj uživatelem

hlasů
5

Z cache Google z Apple Developer Connection - Web Apps Dev Center - navrhovat obsah ...

Vytvoření Web Clip Záložka ikonu

iPhone a iPod touch umožňují uživateli uložit webovou Clip záložky na vaše stránky na jejich domovské obrazovce.

Chcete-li určit ikonu záložky pro všechny stránky webové stránky, místo PNG s názvem „jablko-touch-icon.png“ v kořenovém adresáři vašeho webového serveru - podobný „favicon.ico“ pro ikony webu.

Přepsat ikonu webu záložky na konkrétní webové stránce, vložte <link> prvek podobný <link rel = "apple-touch-icon" href = "/ customIcon.png" /> v rámci <head> prvek stránky ,

Rozměry ikona záložek by měla být 57x57 pixelů. Pokud je ikona jinou velikost bude zmenšen a oříznut, aby se vešly.

Safari automaticky kompozitní ikona se standardním „sklovité“ překrytí, takže to vypadá jako vestavěný iPhone nebo iPod aplikací.

Odpovězeno 07/08/2008 v 00:13
zdroj uživatelem

hlasů
3

To záleží na tom, kolik detail ji chcete mít, musí mít poměr stran 1: 1 (v podstatě - to musí být čtverec)

Chtěl bych jít s Apple vlastní 129 * 129

Odpovězeno 04/08/2008 v 22:36
zdroj uživatelem

hlasů
2

Jako součást své Safari Web Content Guide, Apple má ve skutečnosti veřejně přístupnou stránku s názvem „ Určení webové stránky ikonu pro webový Clip “ (Javascript vyžadováno), která pokrývá všechny rezoluce a jejich zavádění.

Odpovězeno 22/01/2011 v 13:53
zdroj uživatelem

hlasů
2

Nemohu uvést zdroj pro ty velikosti, protože oficiální odkaz je pod zámkem ADC.

Nicméně, mnoho z míst mimo NDA mají konzultace o tom, jak vytvořit ikony. Například se zde:

Odpovězeno 07/08/2008 v 00:06
zdroj uživatelem

hlasů
1

Jablko specifikace určit nové velikosti pro iOS7:

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

Vzhledem k tomu, starých velikostech iOS6 a před jsou:

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

Mimochodem, precomposed ikony jsou zastaralé.

V důsledku toho, na podporu ale nové zařízení (běh iOS7) a starší (iOS6 a před), musí být k dispozici tyto obrázky 8 a obecný kód:

<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">

Kromě toho byste měli vytvořit 152x152 obraz s názvemapple-touch-icon.png .

Možná budete chtít vědět, že to favicon generátor může generovat všechny tyto obrázky najednou. Úplné odhalení: Jsem autorem tohoto webu.

Odpovězeno 15/01/2014 v 23:04
zdroj uživatelem

hlasů
1

Oficiální velikost je 57x57. Doporučil bych používat přesné velikosti jednoduše kvůli tomu, že to vyžaduje méně paměti při zatížení (pokud Apple ukládá v měřítku). Díky, že řekl, Rex má pravdu , že každá čtverec velikost bude fungovat

Odpovězeno 06/08/2008 v 05:10
zdroj uživatelem

hlasů
0

Nemusíte se starat o správné velikosti nic víc. Pokud máte iTune soubor díla (tj soubor 1024 x 1024 Velikost) na ikonu, pak jsem vytvořil tuto aplikaci, která vám poskytne všechny ikony na základě poskytnutých informací zde . Získat aplikaci odtud , a postupujte podle pokynů v souboru readme pro vytváření všechny požadované ikony pro aplikace iOS.

Odpovězeno 20/04/2014 v 21:43
zdroj uživatelem

hlasů
0

Aktualizovaný seznam října 2014 iOS8

Seznam pro iPhone a iPad s nebo bez sítnice

<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"> 

Aktualizace 2014 iOS 8:

Pro iOS 8 a iPhone 6 a

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

Iphone 6 používá stejný 120 x 120 pixelů, jako iPhone 4 a 5 zbytek je stejný jako pro iOS 7

Aktualizujte 2013 iOS7:

Pro iOS 7 změnily doporučené rozlišení:

  • pro iPhone sítnice od 114 x 114 px na 120 x 120 px
  • pro iPad sítnice od 144 x 144 px na 152 x 152 px

Druhý rozlišení jsou stále stejné

  • 57 x 57 px default
  • 76 x 76 px Tablety bez sítnice
Odpovězeno 12/11/2013 v 17:06
zdroj uživatelem

hlasů
0

NilObject je odkaz mě vedlo k velké blog příspěvek Catchup na ikonu na makentosh.com

... Samozřejmě, všechny tyto nekonzistence musely být řešeny nakonec, že ​​jo? No 2.0 se s ní v jemných módy! Nakonec 57x57 vlastně znamenalo 57x57.

... každý pixel ... vykreslení dokonale.

Odpovězeno 07/08/2008 v 00:36
zdroj uživatelem

hlasů
0

Nemyslím si, že tam je „správné velikosti“. Vzhledem k tomu, iPhone skutečně běží OSX je vykreslování systém ikon je velmi robustní. Tak dlouho, jak to dát vysoce kvalitní obraz se správným poměrem stran a rozlišením alespoň stejně vysoká jako skutečný výkon bude, bude OS downscale velmi čistě. Můj web používá 158x158 a ikona vypadá pixel-perfektní na obrazovce iPhone.

Odpovězeno 04/08/2008 v 22:22
zdroj uživatelem

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