Πώς να προσθέσετε μια ιστοσελίδα εικονίδια για το iPhone, iPad και iPod Touch

Favicon.ico - Ιστοσελίδα Icon στο πρόγραμμα περιήγησης

Πριν ξεκίνησε μια ιστοσελίδα και να προσθέσετε ένα αρχείο γραφικών, faviconΠου εμφανίζονται στο πρόγραμμα περιήγησης, στη γραμμή διευθύνσεων. Στις περισσότερες περιπτώσεις, το favicon είναι μια μικρογραφία γραφικό λογότυπο ή τα αρχικά τους αντίστοιχους δικτυακούς τόπους. Αυτό το favicon προστίθεται για να βοηθήσει τους χρήστες εντοπίζουν μια διεύθυνση γρηγορότερα σελιδοδείκτες ιστοσελίδων.

favicon Ρυθμίσεις Stealth

favicon Ρυθμίσεις Stealth στο Safari

Favicon στην Όπερα

Favicon στην Όπερα

Μέχρι πρόσφατα, το αρχείο αυτό θα πρέπει να είναι της μορφής "favicon.icoMsgstr "" "Για να αναγνωριστεί από το πρόγραμμα περιήγησης. Chrome, Internet Explorer, Opera, Safari, Firefox κ.λπ.
Για αρκετά χρόνια, με την προώθηση νέων γλωσσών web, HTML5 si CSS3, Favicons μπορεί να είναι μια .png αρχείο ή .jpg. Η προϋπόθεση είναι ότι η επικεφαλίδα της ιστοσελίδας, πριν </ head>, Να είστε αυτή τη γραμμή:

<Link rel = "εικονίδιο συντόμευσης" href = "/ images / favicon.ico" type = "image / x-icon" />

Ιστοσελίδα Icon για iOS - iPhone, iPad και iPod Touch

In iOS Μπορούμε να προσθέσουμε συντομεύσεις ιστοσελίδων pe Αρχική οθόνηCPCiPhone, iPad si iPod Touch.

Πώς να προσθέσετε μια ιστοσελίδα συντόμευση για το iPhone, iPad και iPod Αρχική οθόνη

Αυτό γίνεται με το άνοιγμα μιας ιστοσελίδας στο iPhone (Safari, Chrome, κλπ internet browser), κάνοντας κλικ στο τετράγωνο με το βέλος (το σύμβολο για το "share" στο iOS), τότε το "Προσθήκη στην αρχική οθόνη".

Εάν η ιστοσελίδα έχει θέσει favicon για τον browser σας, αλλά δεν έχει οριστεί συσκευή iOS sites συγκεκριμένο εικονίδιο, Η οθόνη θα εμφανιστεί ένα εικονίδιο που αποτελείται από ένα προεπισκόπηση εικόνας ιστοσελίδας.

Πώς να προσθέσετε εικονίδια web για το iPhone, iPad και Android.

Το πρώτο βήμα είναι ναδημιουργήσετε ένα εικονίδιο εικόναςΠου εμφανίζονται στην Αρχική οθόνηCPC δικού της κοινότητας. Για εικονίδιο web είναι συμβατό σε όλες τις συσκευές και να δούμε ξεκάθαρα, πρέπει να δημιουργήσουμε την εικόνα για όλα τα ψηφίσματα iPhone και iPad.

Ψηφίσματα και τυποποιημένα μεγέθη των εικόνων για το iPhone, iPad, iPod και Android

  • Κλασικά μοντέλα του iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

μήλο ενημερώνεται τακτικά Συνιστώμενο μέγεθος εικονίδιοURLs εφαρμογές si Ιστοσελίδες pe αυτή τη σελίδα.

Για το Android συσκευές, οι εικόνες είναι δύο διαστάσεις:

  • Android κλασικό × = 128 128
  • Android υψηλής ανάλυσης (hi-res) = 192 192 ×

εικονίδια

Μετά κάναμε τις εικόνες, ανεβείτε στο web server, τον πηγαίο κώδικα HTML της ιστοσελίδας πριν από το κλείσιμο </ head>, προσθέστε τις ακόλουθες γραμμές:

<link href = "/ apple-touch-icon.png" rel = "apple-touch-icon" /> <link href = "/ apple-touch-icon-76x76.png" rel = "apple-touch-icon" μεγέθη = "76x76" <link href = "/ apple-touch-icon-120x120.png" rel = "apple-touch-icon" μεγέθη = "120x120" <link href = "/ apple-touch-icon-152x152.png" rel = "apple-touch-icon" μεγέθη = "152x152" <link href = "/ apple-touch-icon-180x180.png" rel = "apple-touch-icon" μεγέθη = "180x180" <link href = "/ icon-hires.png" rel = "icon" μέγεθος = "192x192" /> <link href = "/ icon-normal.png" rel = "icon" μεγέθη = "128x128" />

Για τις συσκευές της Apple, και .PNG όνομα εικόνας "rel =" πρέπει να περιέχει το πρόθεμα "apple-". Για το Android, το όνομα του αρχείου θα είναι "εικονίδιο hires.png"Και"εικονίδιο normal.png"Με rel =" εικονίδιο ".

Δεν υπάρχει απολύτως αναγκαίο για τη δημιουργία εικόνων για κάθε ανάλυση ξεχωριστά. Μπορείτε να κάνετε μια εικόνα για την υψηλή ανάλυση και οι συσκευές με χαμηλότερη ανάλυση, θα προσδιορίσει και θα θέσει το εικονίδιο.

iPhone Icon Ιστοσελίδα

εικονίδιο της συντόμευσης θα μοιάζει με την ιστοσελίδα της κάθε εφαρμογές για iOS.

Πώς να προσθέσετε μια ιστοσελίδα εικονίδια για το iPhone, iPad και iPod Touch

Σχετικά με τον Συγγραφέα

Λαθραία

Πάθος για ό, τι το gadget και να το γράψετε με χαρά stealthsettings.com των 2006 και μου αρέσει να ανακαλύψει νέα πράγματα μαζί σας σχετικά με τους υπολογιστές και το MacOS, Linux, Windows, iOS και Android.

Αφήστε ένα σχόλιο

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.