Ένα εικονίδιο αφής Apple και ένα favicon σχετίζονται, αλλά δεν είναι το ίδιο αρχείο που εξυπηρετεί τον ίδιο σκοπό. Ένα favicon συνήθως συσχετίζεται με καρτέλες προγράμματος περιήγησης, σελιδοδείκτες και οικείο πρόγραμμα περιήγησης chrome. Ένα εικονίδιο αφής Apple προορίζεται για επιφάνειες συντομεύσεων συσκευών Apple, όπου ο ιστότοπος μπορεί να φαίνεται περισσότερο σαν εικονίδιο εφαρμογής.
Η σύγχυση είναι κατανοητή επειδή και τα δύο αρχεία ξεκινούν από το ίδιο σήμα σε πολλά έργα. Το αρχικό έργο τέχνης μπορεί να είναι μια τετράγωνη εικόνα, αλλά η συσκευασία πρέπει να εξυπηρετεί διαφορετικές επιφάνειες. Αυτός είναι ο λόγος για τον οποίο μια σύγχρονη ροή εργασίας favicon δεν πρέπει να σταματά σε ένα μόνο αρχείο favicon.ico.
Τι κάνει ένα favicon
Ένα favicon είναι ο μικρός οπτικός δείκτης που βλέπουν οι χρήστες στις καρτέλες του προγράμματος περιήγησης, στους σελιδοδείκτες, στο ιστορικό και στις σχετικές διεπαφές του προγράμματος περιήγησης. Βοηθά τους χρήστες να αναγνωρίζουν γρήγορα τον ιστότοπο όταν είναι ανοιχτές πολλές καρτέλες.
Το κλασικό αρχείο είναι το favicon.ico, αν και πολλές σύγχρονες ρυθμίσεις περιλαμβάνουν επίσης αρχεία εικονιδίων PNG. Για τις συνήθεις εκκινήσεις ιστοτόπων, η διατήρηση του favicon.ico στο πακέτο εξακολουθεί να είναι πρακτική, επειδή καλύπτει γνωστές προσδοκίες και διαδρομές συμβατότητας.
Τι κάνει ένα εικονίδιο αφής της Apple
Ένα εικονίδιο αφής Apple χρησιμοποιείται όταν ένας ιστότοπος αποθηκεύεται σε επιφάνειες συσκευών Apple, όπως συντομεύσεις αρχικής οθόνης. Δεν είναι απλώς ένας μικροσκοπικός δείκτης καρτελών. Πρέπει να λειτουργεί ως εικονίδιο σε ένα περιβάλλον που μοιάζει περισσότερο με την εφαρμογή.
Αυτό αλλάζει την πίεση σχεδιασμού. Ένα εικονίδιο καρτέλας προγράμματος περιήγησης μπορεί να είναι εξαιρετικά μικρό. Ένα εικονίδιο αφής μπορεί να φαίνεται μεγαλύτερο, αλλά πρέπει επίσης να είναι καθαρό, κεντραρισμένο και αναγνωρίσιμο ως αυτόνομο σημάδι. Το ίδιο έργο τέχνης προέλευσης μπορεί να λειτουργήσει και για τα δύο, αν είναι απλό και τετράγωνο, αλλά τα αποτελέσματα πρέπει να συσκευαστούν σωστά.
Γιατί οι σύγχρονοι ιστότοποι χρειάζονται συχνά και τα δύο
Εάν ο ιστότοπός σας διαθέτει μόνο favicon, η εμπειρία του προγράμματος περιήγησης για επιτραπέζιους υπολογιστές μπορεί να φαίνεται καλή ενώ οι επιφάνειες συντομεύσεων για κινητά αισθάνονται ελλιπείς ή ασυνεπείς. Εάν το πακέτο σας εστιάζει μόνο σε εικονίδια αφής, ενδέχεται να χάσετε την παραδοσιακή διαδρομή της καρτέλας του προγράμματος περιήγησης.
Για ένα λανσάρισμα SaaS, ιστότοπο τεκμηρίωσης, microsite προϊόντος ή μια μικρή εφαρμογή ιστού, η πρακτική απάντηση είναι συνήθως και τα δύο. Θέλετε ένα πακέτο που να καλύπτει τις καρτέλες του προγράμματος περιήγησης και τις συντομεύσεις που μοιάζουν με εφαρμογές χωρίς να ζητάτε από κάποιον να εξαγάγει μη αυτόματα κάθε παραλλαγή εικονιδίου.
Εδώ ταιριάζει το Favicon / App Icon Generator. Δημιουργεί favicon.ico, εικονίδια PNG, εικονίδια αφής Apple, εικονίδια έτοιμα για Android και έναν εκκινητή site.webmanifest από μια εικόνα τετράγωνης πηγής.
Το έργο τέχνης πηγής είναι ο κοινός περιορισμός
Ο μεγαλύτερος παράγοντας ποιότητας είναι η εικόνα πηγής. Το ίδιο σημάδι πρέπει να επιβιώσει σε πολλές επιφάνειες και μεγέθη. Οι λεπτομερείς εικονογραφήσεις, το μικρό κείμενο και τα έργα τέχνης από άκρη σε άκρη συνήθως έχουν κακή απόδοση. Ένα απλό σχήμα με αρκετή επένδυση είναι πιο πιθανό να παραμείνει αναγνωρίσιμο.
Το Converty περιλαμβάνει μια κυκλική επιλογή για εξόδους προγράμματος περιήγησης και Android, ενώ τα εικονίδια αφής της Apple παραμένουν τετράγωνα. Αυτό έχει σημασία όταν το σήμα της επωνυμίας σας λειτουργεί καλύτερα μέσα σε ένα κυκλικό πλαίσιο, αλλά εξακολουθείτε να θέλετε οι επιφάνειες της Apple να διατηρήσουν την αναμενόμενη τετράγωνη επεξεργασία τους.
Η πρακτική απόφαση
Χρησιμοποιήστε ένα favicon όταν χρειάζεστε αναγνώριση προγράμματος περιήγησης. Χρησιμοποιήστε ένα εικονίδιο αφής Apple όταν σας ενδιαφέρουν οι επιφάνειες συντομεύσεων της Apple. Χρησιμοποιήστε ένα πλήρες πακέτο όταν θέλετε ο ιστότοπος να αισθάνεται ολοκληρωμένος και στα δύο.
Για μια βαθύτερη λίστα ελέγχου αρχείων, διαβάστε το What Files Do You Need in a Favicon Package;. Όταν είστε έτοιμοι να εξαγάγετε τα στοιχεία, ανοίξτε το Favicon / App Icon Generator, ανεβάστε μια τετράγωνη εικόνα πηγής, ελέγξτε το πακέτο και κατεβάστε το ZIP.
