Πώς να προσθέσετε μια ιστοσελίδα εικονίδια για το 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" />

Εικονίδιο ιστοτόπου για iOS - iPhone, iPad και iPod Touch

In iOS Μπορούμε να προσθέσουμε συντομεύσεις ιστοσελίδων pe Αρχική οθόνηCPC iPhone, 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 ×

Apple ενημερώνεται τακτικά Συνιστώμενο μέγεθος εικονίδιο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 και IT, γράφω με χαρά στο stealthsettings.com από το 2006 και μου αρέσει να ανακαλύπτω νέα πράγματα μαζί σας για τους υπολογιστές και τα macOS, λειτουργικά συστήματα Linux, Windows, iOS και Android.

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