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

ψήφοι
69

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

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

Hanselman 's και playgroundblues τα σχόλια του προτείνουν διαφορετικά μεγέθη, συμπεριλαμβανομένων 163x163 και 60x60.

Τη δική της Apple εικονίδιο apple.com είναι 129x129!

Δείτε σχετική ερώτησή μου: Πώς μπορώ να δώσω ιστοσελίδες μου ένα εικονίδιο για το iPhone;

Δημοσιεύθηκε 04/08/2008 στις 22:17
πηγή χρήστη
Σε άλλες γλώσσες...                            


11 απαντήσεις

ψήφοι
40

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

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

Δείτε εικονιδίων συνήθειας και εικόνας Οδηγίες Δημιουργίας (Javascript απαιτείται) η οποία είναι μέρος ενός συνόλου εγγράφων:

Απαντήθηκε 16/08/2010 στις 07:15
πηγή χρήστη

ψήφοι
5

Από τη μνήμη 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 εφαρμογή.

Απαντήθηκε 07/08/2008 στις 00:13
πηγή χρήστη

ψήφοι
3

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

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

Απαντήθηκε 04/08/2008 στις 22:36
πηγή χρήστη

ψήφοι
2

Στο πλαίσιο του Safari Web Οδηγός στο περιεχόμενό τους, η Apple έχει πραγματικά διαθέσιμη στο κοινό σελίδα που ονομάζεται « Καθορισμός Icon Ιστοσελίδα για το Web Clip » (Javascript απαιτείται), η οποία καλύπτει όλες τις αποφάσεις και την εφαρμογή τους.

Απαντήθηκε 22/01/2011 στις 13:53
πηγή χρήστη

ψήφοι
2

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

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

Απαντήθηκε 07/08/2008 στις 00:06
πηγή χρήστη

ψήφοι
1

Η Apple specs καθορίσετε νέα μεγέθη για 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 .

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

Απαντήθηκε 15/01/2014 στις 23:04
πηγή χρήστη

ψήφοι
1

Η επίσημη μέγεθος είναι 57x57. Θα ήθελα να συστήσω χρησιμοποιώντας το ακριβές μέγεθος απλά οφείλεται στο γεγονός ότι χρειάζεται λιγότερη μνήμη όταν φορτωθεί (εκτός και αν η Apple αποθηκεύει προσωρινά την κλίμακα αντιπροσώπευσης). Με αυτόν εν λόγω, Rex είναι σωστό ότι κάθε τετραγωνικό μέγεθος θα λειτουργήσει

Απαντήθηκε 06/08/2008 στις 05:10
πηγή χρήστη

ψήφοι
0

Δεν χρειάζεται να ασχοληθείτε για σωστό μέγεθος κάθε περισσότερο. Αν έχετε iTune αρχείο έργα τέχνης (δηλαδή αρχείο του 1024 * 1024 μέγεθος) του εικονιδίου σας, τότε έχω δημιουργήσει αυτήν την εφαρμογή που θα σας προσφέρει όλες τις εικόνες με βάση τις πληροφορίες που παρέχονται εδώ . Αποκτήστε την εφαρμογή από εδώ , και ακολουθήστε τις οδηγίες στο αρχείο readme για να δημιουργήσει όλα τα απαραίτητα εικονίδια για την εφαρμογή iOS.

Απαντήθηκε 20/04/2014 στις 21:43
πηγή χρήστη

ψήφοι
0

Ενημερωμένο κατάλογο Οκτωβρίου 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 χωρίς αμφιβληστροειδή
Απαντήθηκε 12/11/2013 στις 17:06
πηγή χρήστη

ψήφοι
0

Σύνδεσμο NilObject που με οδήγησε στο μεγάλο blog post σάλτσα ντομάτας στο εικονίδιο σας στο makentosh.com

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

... κάθε εικονοστοιχείο ... καθίσταται απόλυτα.

Απαντήθηκε 07/08/2008 στις 00:36
πηγή χρήστη

ψήφοι
0

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

Απαντήθηκε 04/08/2008 στις 22:22
πηγή χρήστη

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