Γεννήτρια favicon
Δημιουργήστε ένα πλήρες σετ favicon από μία μόνο εικόνα — favicon.ico, apple-touch-icon, εικονίδια Android/PWA και το απόσπασμα HTML — εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται.
Το απόρρητο προτεραιότητα: κάθε εικόνα επεξεργάζεται τοπικά στο πρόγραμμα περιήγησής σας. Τίποτα δεν μεταφορτώνεται, αποθηκεύεται ή αποστέλλεται σε κανέναν διακομιστή.
Κάθε εικονίδιο που χρειάζεται ένας σύγχρονος ιστότοπος, με τη μία
Το favicon δεν είναι πλέον ένα αρχείο. Τα προγράμματα περιήγησης διαβάζουν ένα μικρό favicon.ico για τις καρτέλες και τη γραμμή διευθύνσεων, το iOS θέλει ένα apple-touch-icon 180×180 για την αρχική οθόνη, και το Android και οι εγκαταστάσιμες web εφαρμογές τραβούν PNG 192 και 512px από ένα web manifest. Αυτή η γεννήτρια τα φτιάχνει όλα από μία εικόνα-πηγή και σας δίνει ένα έτοιμο για επικόλληση απόσπασμα HTML, ώστε να μην εξάγετε έξι μεγέθη στο χέρι.
Καδραρισμένο όπως θέλετε, ιδιωτικό εξ ορισμού
Κρατήστε το εικονίδιο τετράγωνο, στρογγυλέψτε τις γωνίες ή περικόψτε το σε κύκλο· προσθέστε γέμισμα ώστε ένα λογότυπο να μην είναι στριμωγμένο στην άκρη· και επιλέξτε διαφανές ή συμπαγές φόντο. Μια ζωντανή προεπισκόπηση δείχνει το αποτέλεσμα σε πραγματικά μεγέθη favicon, μαζί με μια εικονική καρτέλα προγράμματος περιήγησης. Επειδή κάθε αρχείο δημιουργείται στη συσκευή σας, το λογότυπό σας — συχνά αδημοσίευτη επωνυμία — δεν αποστέλλεται ποτέ σε διακομιστή.
Συχνές ερωτήσεις
- Μεταφορτώνεται η εικόνα μου για τη δημιουργία του favicon;
- Όχι. Το favicon.ico, τα εικονίδια PNG και το manifest δημιουργούνται όλα τοπικά στο πρόγραμμα περιήγησής σας μέσω του Canvas API. Η εικόνα σας δεν φεύγει ποτέ από τη συσκευή σας.
- Ποια μεγέθη και αρχεία λαμβάνω;
- Ένα favicon.ico πολλαπλών αναλύσεων (16, 32 και 48px), εικονίδια PNG στα 16, 32, 48, 180 (apple-touch-icon), 192 και 512px, ένα site.webmanifest και ένα απόσπασμα HTML για επικόλληση στο <head> σας.
- Μπορώ να μετατρέψω ένα PNG ή SVG σε ICO;
- Ναι. Ρίξτε μέσα ένα PNG, JPG, SVG ή WebP και κατεβάστε ένα πραγματικό favicon.ico. Τα λογότυπα SVG μετατρέπονται πρώτα σε ψηφιογραφικά τοπικά, σε υψηλή ανάλυση.
- Ποια εικόνα λειτουργεί καλύτερα;
- Μια τετράγωνη εικόνα με ένα απλό λογότυπο υψηλής αντίθεσης. Οι μη τετράγωνες εικόνες περικόπτονται από το κέντρο για να ταιριάξουν· χρησιμοποιήστε τα χειριστήρια εσωτερικού περιθωρίου και σχήματος για να την καδράρετε όπως θέλετε.
- Πώς εγκαθιστώ το favicon;
- Αποσυμπιέστε το πακέτο στον ριζικό φάκελο του ιστότοπού σας και επικολλήστε το παρεχόμενο απόσπασμα HTML στο <head> των σελίδων σας. Το favicon.ico εντοπίζεται αυτόματα από τα περισσότερα προγράμματα περιήγησης.