
Δεν είμαι σίγουρος τι θα πρέπει να είναι το σωστό μέγεθος.


Πολλές περιοχές φαίνεται να επαναλάβω ότι το άγγιγμα-εικονίδιο της Apple θα πρέπει να είναι 57x57 pixels, αλλά αναφέρω ένα σπασμένο σύνδεσμο ως πηγή τους.


[Hanselman](http://www.hanselman.com/blog/MakeYourWebsiteMobileAndIPhoneFriendlyAddHomeScreenIPhoneIconsAndAdjustTheViewPort.aspx) 's και [playgroundblues](http://playgroundblues.com/posts/2008/jan/15/iphone-bookmark-iconage/) τα σχόλια του προτείνουν διαφορετικά μεγέθη, συμπεριλαμβανομένων 163x163 και 60x60.


Τη δική της Apple [εικονίδιο apple.com](http://www.apple.com/apple-touch-icon.png) είναι 129x129!


Δείτε σχετική ερώτησή μου:
 [Πώς μπορώ να δώσω ιστοσελίδες μου ένα εικονίδιο για το iPhone;](https://stackoverflow.com/questions/1505/how-do-i-give-my-web-sites-an-icon-for-iphone)

 
Ποιες είναι οι σωστές διαστάσεις pixel για ένα μήλο-touch-icon;
===============================================================



Φαίνεται ότι οι κατευθυντήριες γραμμές της Apple και της τρίτης Αυγούστου του 2010 περιλαμβάνει τώρα τα «υψηλής ανάλυσης» εικόνες (για το iPhone 4) στο «απαιτείται» μεγέθη εικονίδιο τους.


Μοιάζει πρέπει να παρέχει τόσο 57x57 και 114x114 εικόνα σήμερα, καθώς και μια εικόνα 640x960 τίτλο.


Δείτε [εικονιδίων συνήθειας και εικόνας Οδηγίες Δημιουργίας](http://developer.apple.com/iphone/library/documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW2) (Javascript απαιτείται) η οποία είναι μέρος ενός συνόλου εγγράφων:


* [Οδηγίες iOS Human Interface (2013? Από την Apple Inc? PDF? 26,3 MB)](https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/MobileHIG.pdf)

 

Δεν νομίζω ότι υπάρχει ένα «σωστό μέγεθος». Δεδομένου ότι το iPhone είναι πραγματικά τρέχει OSX, το σύστημα καθιστώντας εικόνα είναι αρκετά ισχυρή. Εφ 'όσον έχετε δώσει μια υψηλής ποιότητας εικόνα με τη σωστή αναλογία και ανάλυση τουλάχιστον τόσο υψηλή όσο η πραγματική έξοδος θα είναι, το λειτουργικό σύστημα θα downscale πολύ καθαρά. Ο ιστότοπός μου χρησιμοποιεί ένα 158x158 και η εικόνα φαίνεται pixel-τέλεια στην οθόνη του iPhone.

 

Εξαρτάται από το πόσο λεπτομέρεια που θέλετε να έχει, θα πρέπει να έχει την αναλογία 1: 1 (βασικά - πρέπει να είναι τετράγωνο)


Θα ήθελα να πάω με το Apple δική 129 * 129

 

Η επίσημη μέγεθος είναι 57x57. Θα ήθελα να συστήσω χρησιμοποιώντας το ακριβές μέγεθος απλά οφείλεται στο γεγονός ότι χρειάζεται λιγότερη μνήμη όταν φορτωθεί (εκτός και αν η Apple αποθηκεύει προσωρινά την κλίμακα αντιπροσώπευσης). Με αυτόν εν λόγω, [Rex είναι σωστό](https://stackoverflow.com/questions/1598/what-are-the-correct-pixel-dimensions-for-an-apple-touch-icon#1599) ότι κάθε τετραγωνικό μέγεθος θα λειτουργήσει

 

Δεν μπορώ να αναφέρω μια πηγή για αυτά τα μεγέθη, επειδή η επίσημη αναφορά είναι κάτω από την κλειδαριά και το κλειδί της ADC.


Ωστόσο, πολλές από τις περιοχές μη-NDA έχει τα μαθήματα για το πώς να δημιουργήσετε τις εικόνες. Για παράδειγμα εδώ:


* [*ΔΙΑΔΙΚΑΣΙΕΣ: iPhone Webclip Εικόνες* (Ιανουάριος 2008? Από τον Dan Dickinson)](http://vjarmy.com/archives/2008/01/howto_iphone_webclip_icons.php)

 

Από τη μνήμη cache της Google *Η Apple Developer Connection - Web Apps Dev Κέντρο - Σχεδιασμός Περιεχομένου* ...



> 
> **Δημιουργήστε ένα Web Clip Bookmark Icon**
> 
> 
> iPhone και iPod touch να επιτρέψει σε έναν χρήστη να αποθηκεύσει ένα Web Clip σελιδοδείκτη για το site σας στο σπίτι τους οθόνη.
> 
> 
> Για να καθορίσετε ένα εικονίδιο σελιδοδείκτη για όλες τις σελίδες του δικτυακού τόπου, τοποθετήστε μια εικόνα PNG που ονομάζεται «μήλο-touch-icon.png» στο ριζικό κατάλογο του web server σας - παρόμοια με την «favicon.ico» για εικόνες site.
> 
> 
> Για να παρακάμψετε το εικονίδιο ιστοσελίδα σελιδοδείκτη σε μια συγκεκριμένη ιστοσελίδα, τοποθετήστε μια <link> στοιχείο παρόμοιο με το <link rel = "apple-touch-icon" href = "/ customIcon.png" /> μέσα στο <head> στοιχείο της σελίδας .
> 
> 
> Οι σελιδοδείκτη διαστάσεις εικονίδιο θα πρέπει να είναι 57x57 pixels. Αν το εικονίδιο είναι ένα διαφορετικό μέγεθος θα κλιμακωθεί και να περικοπεί για να χωρέσει.
> 
> 
> Safari αυτόματα θα σύνθετο το εικονίδιο με το πρότυπο «υαλώδη» επικάλυψη ώστε να μοιάζει με ένα ενσωματωμένο στο iPhone ή το iPod εφαρμογή.
> 
> 
> 

 

Σύνδεσμο NilObject που με οδήγησε στο μεγάλο blog post [σάλτσα ντομάτας στο εικονίδιο σας](http://www.makentosh.com/tipsfromtheiceberg/Blog/Entries/2008/7/20_Clip_a_little_Web_for_you.html) στο [makentosh.com](http://www.makentosh.com/)



> 
> ... Φυσικά όλη αυτή η ασυνέπεια είχε να ασχοληθεί με τελικά, έτσι δεν είναι; Καλά 2,0 ασχολήθηκε με αυτό το πρόστιμο μόδας! Τέλος 57x57 πραγματικά σήμαινε 57x57.
> 
> 
> ... κάθε εικονοστοιχείο ... καθίσταται απόλυτα.
> 
> 
> 

 

Στο πλαίσιο του Safari Web Οδηγός στο περιεχόμενό τους, η Apple έχει πραγματικά διαθέσιμη στο κοινό σελίδα που ονομάζεται « [Καθορισμός Icon Ιστοσελίδα για το Web Clip](http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html%23//apple_ref/doc/uid/TP40002051-CH3-SW4) » (Javascript απαιτείται), η οποία καλύπτει όλες τις αποφάσεις και την εφαρμογή τους.


* [Safari Web Οδηγός Περιεχομένου (2012? Από την Apple Inc? PDF? 6,91 MB)](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/SafariWebContent.pdf)

 

**Ενημερωμένο κατάλογο Οκτωβρίου 2014 iOS8**


Λίστα για το iPhone και iPad με και χωρίς αμφιβληστροειδή



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

```

**Ενημέρωση 2014 iOS 8:**


Για iOS 8 και iPhone 6 plus



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

```

Iphone 6 χρησιμοποιεί την ίδια 120 x 120 px εικόνα ως iphone 4 και 5 το υπόλοιπο είναι η ίδια όπως για iOS 7


**Ενημέρωση 2013 iOS7:** 


Για iOS 7 τα προτεινόμενα ψηφίσματα αλλάξει:


* για το iPhone Retina από 114 χ 114 εικονοστοιχεία στα 120 x 120 px
* για iPad Retina από 144 χ 144 εικονοστοιχεία στα 152 χ 152 px


Η άλλη ανάλυση είναι ακόμα το ίδιο 


* προεπιλογή 57 x 57 px
* 76 x 76 px για iPads χωρίς αμφιβληστροειδή

 

[Η Apple specs](https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html) καθορίσετε νέα μεγέθη για iOS7:


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


Εκτιμώντας τα παλιά μεγέθη για iOS6 και πριν είναι:


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


Με την ευκαιρία, οι precomposed εικόνες καταργηθεί.


Κατά συνέπεια, για την υποστήριξη αλλά και νέες συσκευές (τρέξιμο iOS7) και άνω (iOS6 και πριν), πρέπει να υπάρχουν αυτές οι 8 εικόνες και το γενικό κώδικα είναι:



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

```

Επιπλέον, [θα πρέπει να δημιουργήσετε μια 152x152 εικόνα που ονομάζεται`apple-touch-icon.png`](http://realfavicongenerator.net/faq#why_high_res_touch_icon) .


Μπορεί να θέλετε να ξέρετε ότι αυτή η [γεννήτρια favicon](http://realfavicongenerator.net/) μπορεί να δημιουργήσει όλες αυτές τις εικόνες με τη μία. Πλήρης αποκάλυψη: Είμαι ο συγγραφέας αυτού του site.

 

Δεν χρειάζεται να ασχοληθείτε για σωστό μέγεθος κάθε περισσότερο. Αν έχετε iTune αρχείο έργα τέχνης (δηλαδή αρχείο του 1024 * 1024 μέγεθος) του εικονιδίου σας, τότε έχω δημιουργήσει αυτήν την εφαρμογή που θα σας προσφέρει όλες τις εικόνες με βάση τις πληροφορίες που παρέχονται [εδώ](http://developer.apple.com/library/ios/#qa/qa1686/_index.html) . Αποκτήστε την [εφαρμογή από εδώ](https://github.com/rptwsthi/AlliOSIconsWithProperName) , και ακολουθήστε τις οδηγίες στο αρχείο readme για να δημιουργήσει όλα τα απαραίτητα εικονίδια για την εφαρμογή iOS.

 