Δημιουργία Favicon

Το favicon είναι το μικρό εικονίδιο που εμφανίζουν οι browsers σε καρτέλες, σελιδοδείκτες, ιστορικό και αποτελέσματα αναζήτησης — και η σωστή παροχή του σημαίνει να δημιουργήσετε μισή ντουζίνα αρχεία: κλασικά PNG 16×16 και 32×32 για καρτέλες, 48×48 για Windows, 180×180 για συσκευές Apple, 192×192 και 512×512 για Android και PWA manifests, συν το παλιό favicon.ico. Αυτό το εργαλείο δημιουργεί ολόκληρο το σετ από μία εικόνα με ένα κλικ.

Όλα εκτελούνται τοπικά στον browser σας. Η εικόνα αποκωδικοποιείται σε ένα canvas, κεντράρεται και περικόπτεται σε τετράγωνο, σμικρύνεται σε κάθε μέγεθος-στόχο με υψηλής ποιότητας εξομάλυνση, και το αρχείο favicon.ico συναρμολογείται byte προς byte απευθείας στη σελίδα με τις εκδόσεις 16, 32 και 48 px ενσωματωμένες ως εγγραφές PNG. Κανένας server, καμία μεταφόρτωση, κανένα υδατογράφημα — ένα αδημοσίευτο λογότυπο ή αρχείο πελάτη δεν φεύγει ποτέ από το μηχάνημά σας.

Κάθε μέγεθος που δημιουργείται προεπισκοπείται σε πραγματική κλίμακα, ώστε να μπορείτε να δείτε αμέσως αν το λογότυπό σας επιβιώνει στη διαδρομή προς τα 16×16 — τα μικρά favicon επιβραβεύουν τα απλά σχήματα και την έντονη αντίθεση, και η προεπισκόπηση σας δείχνει ειλικρινά τι θα βλέπουν οι επισκέπτες στη γραμμή καρτελών. Κάθε αρχείο μπορεί να ληφθεί ξεχωριστά και το κύριο κουμπί λήψης σας δίνει το συναρμολογημένο favicon.ico.

Το εργαλείο γράφει επίσης τον HTML κώδικα για εσάς: ένα έτοιμο για αντιγραφή μπλοκ από link tags με τα σωστά rel, type και sizes attributes για κάθε αρχείο που δημιουργήθηκε. Ανεβάστε τα εικονίδια στη ρίζα του ιστότοπού σας, επικολλήστε το μπλοκ στο head των σελίδων σας και κάθε browser, κινητό και PWA manifest θα βρίσκει ακριβώς το εικονίδιο που θέλει. Αν χρειάζεστε μόνο ένα συγκεκριμένο μέγεθος, ο επιλογέας μεγέθους (ή οι προεπιλεγμένες σελίδες για 16×16, 32×32 και Apple Touch 180) περιορίζει το αποτέλεσμα σε ένα μόνο αρχείο.