Vă mulțumim pentru susținere

Care sunt dimensiunile corecte ale pixelilor pentru o pictogramă Apple-touch?

Nu sunt sigur care ar trebui să fie dimensiunea corectă.

Multe site-uri par să repet că pictograma Apple-touch-icon ar trebui să fie de 57x57 pixeli, dar citează un link rupt ca sursă.

Hanselman's and playgroundblues's comments suggest different sizes including 163x163 and 60x60.

Propriul icon apple.com este de 129x129!

See my related question: How do I give my web sites an icon for iPhone?

0
adăugat editat
adăugat autor hakre
Acum, pictograma Apple.com este de 152x152 ...
adăugat autor Wick

11 răspunsuri

Din cache-ul Google al Conexiunii pentru dezvoltatori Apple - Web Apps Dev Center - Proiectarea conținutului ...

Create a Web Clip Bookmark Icon

iPhone and iPod touch allow a user to save a Web Clip bookmark to your site on their Home Screen.

To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.

To override the site bookmark icon on a specific web page, insert a

element similar to within the element of the page.

The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.

Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.

0
adăugat
Răspunsul dvs. este depășit. Vedeți stackoverflow.com/questions/1598/…
adăugat autor Georg Schölly

NilObject's link led me to the great blog post Catchup on your Icon at makentosh.com

... Desigur, toată această inconsecvență   a trebuit să fie tratată în cele din urmă,   dreapta? Ei bine, 2.0 sa descurcat bine   Modă! În cele din urmă, 57x57 însemna de fapt   57x57.

     

... fiecare pixel ... redat   perfect.

0
adăugat

Nu cred că există o "dimensiune corectă". Deoarece iPhone-ul rulează într-adevăr OSX, sistemul de redare a pictogramelor este destul de robust. Atâta timp cât îi oferiți o imagine de înaltă calitate cu raportul de aspect potrivit și o rezoluție cel puțin la fel de mare ca ieșirea reală, sistemul de operare va scădea foarte curând. Site-ul meu utilizează o imagine 158x158, iar pictograma arată perfect pe ecranul iPhone.

0
adăugat

Dimensiunea oficială este de 57x57. Aș recomanda utilizarea dimensiunii exacte, pur și simplu datorită faptului că este nevoie de mai puțină memorie atunci când este încărcată (cu excepția cazului în Apple cache reprezentarea scalată). Cu acest lucru, Rex are dreptate că orice dimensiune pătrată va funcționa

0
adăugat
Cu excepția faptului că ar putea arăta neclară pe iPad și pe iPhone 4 ...
adăugat autor Simon East

Nu pot cita o sursă pentru aceste dimensiuni, deoarece referința oficială este sub cheie și blocare a ADC.

Cu toate acestea, multe dintre site-urile non-CND au tutoriale despre modul de creare a icoanelor. De exemplu aici:

0
adăugat

Ca parte a Ghidului pentru conținutul Safari Web, Apple are de fapt o pagină disponibilă publicului numită " Specificarea unei pictograme pentru Web Clip " (Javascript necesar) care acoperă toate rezoluțiile și implementarea acestora.

0
adăugat

Nu mai trebuie să vă deranjezi pentru dimensiunea corectă. Dacă aveți fișier de artă itune (adică fișier de dimensiune 1024 * 1024) al pictogramei dvs., atunci am creat această aplicație care vă va furniza toate pictogramele pe baza informațiilor furnizate aici . Obțineți aplicația de aici și urmați instrucțiunile din fișierul readme pentru a crea toate pictogramele necesare pentru aplicația iOS.

0
adăugat

Listă actualizată Octombrie 2014, iOS8

Lista pentru iPhone și iPad cu și fără retină









 

Actualizați 2014 iOS 8:

Pentru iOS 8 și Iphone 6 plus

 

Iphone 6 folosește aceeași imagine de 120 x 120 px ca iphone 4 și 5 restul este același ca pentru iOS 7

Update 2013 iOS7:

Pentru iOS 7 rezoluțiile recomandate s-au schimbat:

  • pentru iPhone Retina de la 114 x 114 px la 120 x 120 px
  • pentru iPad Retina de la 144 x 144 px la 152 x 152 px

Cealaltă rezoluție este în continuare aceeași

  • implicit 57 x 57 px
  • 76 x 76 px pentru iPad fără retină
0
adăugat

Depinde de cât detaliu doriți să aibă, trebuie să aibă raportul de aspect de 1: 1 (practic - trebuie să fie pătrat)

Aș merge cu propriul Apple 129 * 129

0
adăugat

Se pare că orientările Apple din 3 august 2010 includ acum imaginile "de înaltă rezoluție" (pentru iPhone 4) în dimensiunile "necesare" ale pictogramelor.

Se pare că trebuie să furnizăm acum atât o imagine 57x57, cât și o imagine 114x114, precum și o imagine de titlu de 640x960.

Consultați Instrucțiuni pentru crearea de pictograme personalizate și crearea de imagini (este necesar Javascript) care face parte dintr-un document întreg:

0
adăugat
Am avut probleme în a obține imagini de titlu pentru a funcționa. S-a găsit un exemplu de lucru aici: gist.github.com/472519 ( )
adăugat autor Blaise
adăugat autor thelem
Rețineți că iPad-urile folosesc următoarele dimensiuni pentru pictograme: 72x72 primul și al doilea gen; 144x144 pentru genul 3 "Retina".
adăugat autor donut

Apple specs specify new sizes for iOS7:

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

În timp ce dimensiunile vechi pentru iOS6 și anterior sunt:

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

Apropo, icoanele precompuse sunt depreciate.

În consecință, pentru a suporta dispozitive noi (care rulează iOS7) și mai vechi (iOS6 și anterioare), aceste 8 imagini trebuie să fie prezente, iar codul generic este:





    









În plus, ar trebui să creați o imagine 152x152 numită apple-touch-icon.png .

S-ar putea să știți că acest generator de favicon poate genera toate aceste imagini simultan. Dezvăluirea completă: Sunt autorul acestui site.

0
adăugat