Ανεβάστε ένα 512×512 PNG· κατεβάστε ένα zip με κάθε παραλλαγή favicon που χρειάζεται ένας σύγχρονος ιστότοπος — πολυμεγεθές ICO, εικονίδια Apple touch, εικονίδια manifest Android και το απόσπασμα HTML για να τοποθετήσετε στο <head>. Έτοιμο σε 10 δευτερόλεπτα.
Τι δημιουργείται
- favicon.ico — πολυμεγεθές ICO με παραλλαγές 16, 32, 48, 64 px.
- favicon-16x16.png, favicon-32x32.png, favicon-96x96.png — σύγχρονες επιλογές περιηγητών.
- apple-touch-icon.png — 180×180 για την αρχική οθόνη iOS.
- android-chrome-192x192.png, 512×512 — για την αρχική οθόνη Android.
- site.webmanifest — προ-συμπληρωμένο για υποστήριξη PWA.
- browserconfig.xml — για διαμόρφωση πλακιδίων Microsoft.
- Απόσπασμα HTML — οι ετικέτες <link> για επικόλληση στο <head>.
Γιατί τόσα πολλά αρχεία
Διαφορετικοί περιηγητές, λειτουργικά συστήματα και περιβάλλοντα (καρτέλα περιηγητή, σελιδοδείκτες, αρχική οθόνη, εκκινητές εφαρμογών, γραμμές εργασιών) προτιμούν διαφορετικά μεγέθη και μορφές. Η σύγχρονη βέλτιστη πρακτική είναι να παρέχετε μια σειρά που καλύπτει όλες τις συνήθεις περιπτώσεις. Οι παλαιότεροι περιηγητές επιστρέφουν στο favicon.ico· οι σύγχρονοι επιλέγουν το βέλτιστο PNG.
Προτάσεις για την πηγή
- 512×512 ή μεγαλύτερο. Μειώνουμε την ανάλυση· ποτέ δεν την αυξάνουμε.
- Τετράγωνο. Οι μη τετράγωνες είσοδοι συμπληρώνονται.
- Απλή σιλουέτα. Τα favicons εμφανίζονται σε 16×16 — τα περίπλοκα λογότυπα χάνουν λεπτομέρεια.
- Διαφανές φόντο ή συμπαγές χρώμα.
Χρειάζεστε και πλήρη εικονίδια εφαρμογών;
Για εικονίδια εφαρμογών iOS / Android (όχι μόνο favicons ιστού), χρησιμοποιήστε το App Icon Generator — δημιουργεί όλα τα μεγέθη που θέλουν τα XCode και Android Studio.
Συχνές ερωτήσεις
Λειτουργεί το favicon.ico σε παλιό IE;
Ναι — ένα πολυμεγεθές ICO με 16/32/48/64 καλύπτει IE6+ και σύγχρονα προγράμματα περιήγησης.
Τι είναι το apple-touch-icon;
Όταν οι χρήστες iOS προσθέτουν τον ιστότοπό σας στην αρχική τους οθόνη, αυτό είναι το εικονίδιο που χρησιμοποιείται. Το μέγεθος 180×180 είναι το σύγχρονο.
Χρειάζομαι το manifest;
Για υποστήριξη PWA: ναι. Για έναν απλό ιστότοπο: προαιρετικό αλλά συνιστάται.
Ποια μορφή είναι η καλύτερη για την πηγή;
PNG με διαφάνεια. Λειτουργεί και το SVG (το μετατρέπουμε σε ράστερ).
Θα φαίνεται θολό το favicon σε ανάλυση 16×16;
Τα λεπτομερή λογότυπα ναι. Απλοποιήστε ή χρησιμοποιήστε ένα μόνο έντονο γράμμα για μικρά μεγέθη.
Πού πάνε τα αρχεία στον διακομιστή μου;
Όλα στη ρίζα web του ιστότοπού σας. Το απόσπασμα HTML τα αναφέρει ως /favicon.ico, /favicon-32x32.png, κ.λπ.
Μαζική δημιουργία για πολλαπλούς ιστότοπους;
Premium: ναι.
Είναι ιδιωτικές οι μεταφορτώσεις;
Ναι — διαγράφονται εντός 24 ωρών.
Σχετικά Favicon Generator
Favicon Generator είναι ένα δωρεάν διαδικτυακό εργαλείο από το Wallpapers.com που λειτουργεί εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — χωρίς εγκατάσταση, χωρίς υδατογράφημα, χωρίς εγγραφή email για την πρώτη δοκιμή.
Δημιουργήστε κάθε απαιτούμενο μέγεθος favicon από μία μόνο εικόνα.
Πώς να το χρησιμοποιήσετε Favicon Generator
- Τοποθετήστε την εικόνα σας στην περιοχή μεταφόρτωσης (μεμονωμένα ή μαζικά — ενεργοποιήστε το Μαζικό στο επάνω μέρος).
- Επιλέξτε οποιεσδήποτε ρυθμίσεις προσφέρει το εργαλείο (μέγεθος, μορφή, ποιότητα).
- Κάντε κλικ στο Εκτέλεση. Το αποτέλεσμα κατεβαίνει αυτόματα — χωρίς χειροκίνητη αποθήκευση.
Πότε να το χρησιμοποιήσετε
Συνήθεις περιπτώσεις χρήσης περιλαμβάνουν:
προετοιμασία εικόνων για μεταφόρτωση στο διαδίκτυο, καταχωρίσεις ηλεκτρονικού εμπορίου, πλατφόρμες κοινωνικής δικτύωσης με περιορισμούς μορφής και μετατροπή αρχείων από μια συσκευή ή εφαρμογή σε άλλη.
Δωρεάν έναντι Premium
Κάθε επισκέπτης λαμβάνει μια δωρεάν δοκιμή· οι συνδεδεμένοι δωρεάν χρήστες έχουν υψηλότερο ημερήσιο όριο. Εγγραφείτε στο
Premium
για απεριόριστες εκτελέσεις, μαζική επεξεργασία έως 200 εικόνων ανά εργασία, ουρά προτεραιότητας και περιήγηση χωρίς διαφημίσεις.
Σχετικά εργαλεία
Ψάχνετε για κάτι λίγο διαφορετικό; Δοκιμάστε το
Μετατροπή Φωτογραφίας σε Σελίδα Ζωγραφικής
,
Δημιουργός QR Code με Λογότυπο
ή
Πρότυπο Κοινωνικών Μέσων
— ή περιηγηθείτε σε όλες
Εξειδικευμένα Εργαλεία.
