Ένα πακέτο favicon είναι εύκολο να υποτιμηθεί. Πολλοί άνθρωποι το θεωρούν ως μια μικροσκοπική εικόνα σε μια καρτέλα προγράμματος περιήγησης, αλλά ένας σύγχρονος ιστότοπος συνήθως χρειάζεται ένα μικρό σύνολο σχετικών στοιχείων. Το εικονίδιο της καρτέλας του προγράμματος περιήγησης είναι μόνο μία επιφάνεια. Οι συντομεύσεις για κινητά, τα εικονίδια Android, τα εικονίδια αφής της Apple και οι αναφορές δήλωσης μπορούν όλα να χρειάζονται τα δικά τους αρχεία.
Ο πρακτικός στόχος δεν είναι η συλλογή κάθε πιθανής παραλλαγής εικονιδίου. Ο στόχος είναι η αποστολή ενός εστιασμένου πακέτου που καλύπτει κοινές επιφάνειες προγράμματος περιήγησης και εφαρμογής χωρίς να μετατρέπει την προετοιμασία εκκίνησης σε χειροκίνητη εργασία εξαγωγής. Το Favicon / App Icon Generator στο Converty βασίζεται σε αυτήν την εργασία: ξεκινήστε από μια τετράγωνη εικόνα και πραγματοποιήστε λήψη μιας δέσμης με τα κοινά αρχεία μαζί.
Το βασικό αρχείο εξακολουθεί να είναι favicon.ico
Το favicon.ico παραμένει το πιο οικείο αρχείο favicon. Είναι το πλεονέκτημα που περιμένουν να δουν οι άνθρωποι που σχετίζονται με καρτέλες προγράμματος περιήγησης, σελιδοδείκτες και παλαιότερες συμβάσεις favicon.
Ακόμη και όταν ένας ιστότοπος περιλαμβάνει επίσης εικονίδια PNG και ένα μανιφέστο ιστού, το favicon.ico εξακολουθεί να είναι χρήσιμο επειδή καλύπτει μια παραδοσιακή διαδρομή που κατανοούν πολλά προγράμματα περιήγησης και εργαλεία. Για έναν απλό ιστότοπο, είναι συχνά το πρώτο αρχείο που ελέγχει κάποιος όταν το εικονίδιο της καρτέλας δεν φαίνεται σωστό.
Τα εικονίδια PNG καλύπτουν σύγχρονες επιφάνειες
Τα σύγχρονα πακέτα εικονιδίων περιλαμβάνουν συνήθως αρχεία PNG σε πολλά μεγέθη. Διαφορετικά προγράμματα περιήγησης, συντομεύσεις και περιβάλλοντα εμφάνισης ενδέχεται να χρησιμοποιούν διαφορετικές διαστάσεις. Η εξαγωγή μόνο ενός μεγέθους μπορεί να αφήσει το πρόγραμμα περιήγησης ή τη συσκευή να κλιμακώσει την εικόνα, κάτι που μπορεί να κάνει τα μικρά εικονίδια να φαίνονται απαλά ή γεμάτα.
Αυτός είναι ο λόγος για τον οποίο το έργο τέχνης πηγής έχει σημασία. Μια τετράγωνη, απλή, ευανάγνωστη εικόνα παράγει καλύτερα αποτελέσματα σε όλη τη συσκευασία από ένα λεπτομερές γραφικό συμπιεσμένο σε πολλά μεγέθη. Η μετατροπή δεν μπορεί να μετατρέψει ένα σύνθετο λογότυπο σε ένα τέλειο μικροσκοπικό σημάδι, αλλά μπορεί να αφαιρέσει την επαναλαμβανόμενη εργασία εξαγωγής όταν έχετε μια κατάλληλη πηγή.
Τα εικονίδια αφής της Apple και τα εικονίδια Android εξυπηρετούν διαφορετικές επιφάνειες
Τα εικονίδια αφής Apple χρησιμοποιούνται για επιφάνειες συντομεύσεων συσκευών Apple. Τα εικονίδια με δυνατότητα Android υποστηρίζουν σχετικές περιπτώσεις χρήσης εγκατάστασης και συντομεύσεων σε επιφάνειες με προσανατολισμό Android.
Αυτά τα αρχεία είναι εύκολο να ξεχαστούν επειδή δεν είναι πάντα ορατά κατά τον κανονικό έλεγχο του προγράμματος περιήγησης στην επιφάνεια εργασίας. Ο ιστότοπος μπορεί να φαίνεται καλά σε μια καρτέλα, ενώ εξακολουθούν να λείπουν στοιχεία που είναι σημαντικά αφού κάποιος τον αποθηκεύσει στην αρχική οθόνη της συσκευής. Ένα πλήρες πακέτο το κάνει λιγότερο πιθανό.
Εάν αποφασίζετε εάν ένα εικονίδιο αφής της Apple είναι ξεχωριστό από ένα favicon, διαβάστε το Apple Touch Icon εναντίον Favicon: Τι πρέπει να περιλαμβάνει ένας σύγχρονος ιστότοπος;.
Το μανιφέστο συνδέει μεταξύ τους επιφάνειες που μοιάζουν με εφαρμογές
Η αρχή site.webmanifest δίνει σε μια εφαρμογή ιστού ή έναν ιστότοπο ένα μέρος για να περιγράφει εικονίδια και σχετικά μεταδεδομένα προβολής. Δεν αντικαθιστά τα ίδια τα αρχεία εικονιδίων. Τους υποδεικνύει έτσι ώστε οι συμβατές επιφάνειες να μπορούν να καταλάβουν ποια στοιχεία είναι διαθέσιμα.
Αυτός είναι ο λόγος για τον οποίο το Converty περιλαμβάνει μια δήλωση εκκίνησης στο πακέτο. Το αρχείο που δημιουργείται σάς παρέχει ένα πρακτικό σημείο εκκίνησης, αλλά πρέπει να τοποθετήσετε τα στοιχεία στο έργο σας και να τα αναφέρετε από τη ρύθμιση του ιστότοπού σας.
Μια πρακτική λίστα ελέγχου πακέτου favicon
Ένα εστιασμένο πακέτο favicon θα πρέπει συνήθως να περιλαμβάνει:
favicon.ico- πολλαπλά μεγέθη εικονιδίων PNG
- Έξοδος εικονιδίου αφής Apple
- Έξοδος εικονιδίου με δυνατότητα Android
- μια μίζα
site.webmanifest
Αυτό είναι αρκετό για πολλούς μικρούς ιστότοπους, εκκινήσεις SaaS, σελίδες μάρκετινγκ και έργα τεκμηρίωσης. Πιο εξειδικευμένες ρυθμίσεις μπορεί να χρειάζονται επιπλέον στοιχεία ειδικά για την πλατφόρμα, αλλά το κοινό πακέτο απομακρύνει τη συνήθη εργασία.
Ανοίξτε το Favicon / App Icon Generator όταν έχετε μια τετράγωνη εικόνα προέλευσης και χρειάζεστε τα κοινά αρχεία πακέτου favicon ομαδοποιημένα σε μία εξαγωγή. Για την ευρύτερη ροή εργασιών, διαβάστε το How to Generate a Complete Favicon Package From One Image.
