Δημιουργήστε favicon.ico και πλήρες σετ εικονιδίων PNG για την ιστοσελίδα σας από μία εικόνα. Όλη η επεξεργασία γίνεται τοπικά στον browser.
Για άνετη χρήση, ανοίξτε αυτό το εργαλείο σε φορητό υπολογιστή, επιτραπέζιο ή tablet σε οριζόντια θέση.
Συμβουλή
Αν χρησιμοποιείτε tablet, γυρίστε το σε οριζόντια θέση – όταν το πλάτος του παραθύρου είναι αρκετά μεγάλο, το εργαλείο θα φορτωθεί αυτόματα.
Ένα favicon είναι ένα μικρό εικονίδιο που εμφανίζεται στην καρτέλα του browser δίπλα στον τίτλο σελίδας. Το βλέπετε επίσης στους σελιδοδείκτες, στο ιστορικό περιήγησης και στην αρχική οθόνη τηλεφώνου όταν κάποιος προσθέτει τον ιστότοπο ως συντόμευση.
Αυτό το μικρό γραφικό εξυπηρετεί σημαντική λειτουργία — βοηθά τους χρήστες να αναγνωρίσουν γρήγορα έναν ιστότοπο ανάμεσα σε πολλές ανοιχτές καρτέλες. Όταν κάποιος έχει δεκάδες καρτέλες ανοιχτές στον browser, το favicon είναι συχνά το μόνο ορατό στοιχείο που αναγνωρίζει τον ιστότοπο.
Ο δημιουργός παράγει ένα πλήρες σετ εικονιδίων: ένα κλασικό αρχείο favicon.ico για browsers, εικονίδια PNG σε διάφορα μεγέθη και ένα apple-touch-icon για συσκευές Apple. Αν φτιάχνετε web app (PWA), μπορείτε επίσης να δημιουργήσετε εικονίδια 192x192 και 512x512 μαζί με αρχείο manifest.
Η δημιουργία favicon διαρκεί μόλις λίγα δευτερόλεπτα:
Κάθε μέγεθος έχει τη χρήση του:
favicon.ico (32×32)
Κλασική μορφή αναγνωρίσιμη από όλους τους browsers. Εμφανίζεται στην καρτέλα του browser.
16×16 και 32×32 PNG
Τυπικά μεγέθη για σύγχρονους browsers. Εμφανίζονται σε καρτέλες και σελιδοδείκτες.
180×180 PNG (apple-touch-icon)
Εικονίδιο για συσκευές Apple (iPhone, iPad). Εμφανίζεται όταν κάποιος προσθέτει τον ιστότοπο στην αρχική οθόνη.
192×192 και 512×512 PNG
Εικονίδια για web apps (PWA). Απαιτούνται από το manifest και χρησιμοποιούνται σε app stores.
Αν δεν φτιάχνετε PWA, χρειάζεστε μόνο: favicon.ico, 32×32 PNG και 180×180 PNG. Αυτά τα τρία αρχεία καλύπτουν τις περισσότερες περιπτώσεις.
Η δημιουργία favicon είναι λίγα απλά βήματα:
Μεγέθη PNG
Εξ ορισμού, ο δημιουργός διατηρεί τη διαφάνεια. Μπορείτε επίσης να επιλέξετε συγκεκριμένο χρώμα φόντου.
Αρχείο JSON για web apps (PWA). Αν δεν φτιάχνετε PWA, αυτή η επιλογή δεν απαιτείται.
Μετά τη δημιουργία εικονιδίων, έχετε αρκετές επιλογές λήψης:
Τα περισσότερα θέματα WordPress έχουν ενσωματωμένη επιλογή για ρύθμιση εικονιδίου ιστοτόπου. Θα τη βρείτε στον πίνακα διαχείρισης:
Appearance → Customize → Site Identity → Site Icon
Ανεβάστε εκεί το αρχείο 512×512 — το WordPress θα δημιουργήσει αυτόματα μικρότερα μεγέθη. Για πλήρη έλεγχο εικονιδίων, μπορείτε επίσης να ανεβάσετε αρχεία απευθείας στον ριζικό κατάλογο μέσω FTP.
Ένα favicon είναι πολύ μικρό γραφικό — μόλις 16×16 pixels. Δεν λειτουργεί κάθε εικόνα καλά ως πηγή:
Έχετε μια ιδέα για μια νέα λειτουργία, βρήκατε ένα σφάλμα ή θέλετε να προτείνετε ένα άλλο εργαλείο που θα διευκόλυνε τη δουλειά σας; Γράψτε μας – απαντάμε εντός 24 ωρών.