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

Favicon.ico - Εικονίδιο ιστότοπου στο πρόγραμμα περιήγησης

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

Λαθραία Settings Favicon

Λαθραία Settings Favicon στο Safari

Favicon στην Όπερα

Favicon στην Όπερα

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

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

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

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

Το κάνουμε αυτό ανοίγοντας μια ιστοσελίδα στο iPhone (Safari, Chrome κ.λπ. πρόγραμμα περιήγησης στο Διαδίκτυο), κάνοντας κλικ στο τετράγωνο με το βέλος (το σύμβολο για "κοινή χρήση" στο 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 με υψηλή ανάλυση (υψηλής ανάλυσης) = 192 × 192

εικονίδια

Αφού φτιάξουμε τις εικόνες, ανεβάζεται στον διακομιστή ιστού και στην πηγή HTML του ιστότοπου, πριν κλείσει , προστίθενται οι ακόλουθες γραμμές:

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

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

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

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

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

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

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

Λαθραία

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

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