Favicon.ico - Εικονίδιο ιστότοπου στο πρόγραμμα περιήγησης
Πριν ξεκίνησε μια ιστοσελίδα και να προσθέσετε ένα αρχείο γραφικών, favicon, για εμφάνιση στο πρόγραμμα περιήγησης, στη γραμμή διευθύνσεων. Στις περισσότερες περιπτώσεις, το favicon είναι μια μικρογραφία του γραφικού λογότυπου ή τα αρχικά του αντίστοιχου ιστότοπου. Αυτό το favicon προστίθεται για να βοηθήσει τους χρήστες να αναγνωρίσουν γρήγορα μια διεύθυνση ιστού στους σελιδοδείκτες.
Μέχρι πρόσφατα, αυτό το αρχείο έπρεπε να έχει σχήμα "favicon.ico", για να αναγνωριστεί από το πρόγραμμα περιήγησης ιστού. Chrome, Internet 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) και μετά στην επιλογή "Add στην αρχική οθόνη".
Εάν η ιστοσελίδα έχει θέσει favicon για τον browser σας, αλλά δεν έχει οριστεί συσκευή iOS sites συγκεκριμένο εικονίδιο, Η οθόνη θα εμφανιστεί ένα εικονίδιο που αποτελείται από ένα προεπισκόπηση εικόνας ιστοσελίδας.
Πώς να προσθέσετε εικονίδια Ιστού για iPhone, iPad και Android.
Το πρώτο βήμα είναι να δημιουργήσετε ένα εικονίδιο εικόναςΠου εμφανίζονται στην Αρχική οθόνηCPC δικού της κοινότητας. Για εικονίδιο web είναι συμβατό σε όλες τις συσκευές και να δούμε ξεκάθαρα, πρέπει να δημιουργήσουμε την εικόνα για όλες τις αποφάσεις του iPhone και iPad.
Ψηφίσματα και τυπικά μεγέθη εικονιδίων για iPhone, iPad, iPod και Android
- Modeκλασικό λέλε του 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-76 × 76.png "rel ="apple-εικονίδιο επαφής "μεγέθη =" 76 × 76 "/> <link href="/apple-touch-icon-120 × 120.png "rel ="apple-εικονίδιο επαφής "μεγέθη =" 120 × 120 "/> <link href="/apple-touch-icon-152 × 152.png "rel ="apple-εικονίδιο επαφής "μεγέθη =" 152 × 152 "/> <link href="/apple-touch-icon-180 × 180.png "rel ="apple-εικονίδιο επαφής "μεγέθη =" 180 × 180 "/>
Για συσκευές Apple, Το όνομα εικόνας .PNG και το "rel =" πρέπει να περιέχει το πρόθεμα "apple- ". Για Android, τα ονόματα αρχείων θα είναι "εικονίδιο hires.png"Και"εικονίδιο normal.png"Με εικονίδιο rel =" ".
Δεν είναι απολύτως απαραίτητο να δημιουργείτε εικόνες για κάθε ανάλυση. Μπορείτε να δημιουργήσετε μια εικόνα για την υψηλότερη ανάλυση και οι συσκευές με χαμηλότερη ανάλυση θα την αναγνωρίσουν και θα την ορίσουν ως εικονίδιο.
Το εικονίδιο συντόμευσης στον ιστότοπο θα μοιάζει με οποιοδήποτε εφαρμογές για iOS.
