Δημιουργός Favicon
Δημιουργήστε ένα πλήρες πακέτο favicon από ένα λογότυπο, ένα εικονίδιο γραμματοσειράς ή ένα μονόγραμμα — favicon.ico, σύγχρονα PNG, εικονίδιο Apple touch, εικονίδια PWA, manifest ιστού και απόσπασμα HTML.
Ανεβάστε ένα λογότυπο, επιλέξτε ένα εικονίδιο γραμματοσειράς ή πληκτρολογήστε ένα μονόγραμμα — δημιουργούμε κάθε favicon που χρειάζεται ένας σύγχρονος ιστότοπος: από το κλασικό favicon.ico έως το εικονίδιο Apple touch, τα εικονίδια PWA και ένα έτοιμο για επικόλληση απόσπασμα HTML.
Σχετικά με το Δημιουργός Favicon
Ο Favicon Generator δημιουργεί κάθε εικονίδιο που χρειάζεται ένας σύγχρονος ιστότοπος από μία πηγή: ανεβάστε ένα λογότυπο PNG, επιλέξτε ένα εικονίδιο γραμματοσειράς ή πληκτρολογήστε ένα μονόγραμμα. Το πακέτο περιλαμβάνει το κλασικό favicon.ico (16, 32 και 48 px), σύγχρονα favicon PNG, το Apple touch icon 180 px, εικονίδια PWA 192 και 512 px, ένα site.webmanifest και το απόσπασμα HTML head.
Η στυλιστική επεξεργασία γίνεται μέσα στο εργαλείο: επιλέξτε χρώμα φόντου ή κρατήστε διαφάνεια, περικόψτε σε τετράγωνο, στρογγυλεμένο ή κυκλικό σχήμα, ρυθμίστε το padding και το μέγεθος του artwork, και ορίστε το χρώμα θέματος που χρησιμοποιεί το UI του browser και το manifest του PWA. Μια ζωντανή προεπισκόπηση δείχνει το εικονίδιό σας σε πραγματικά πλαίσια — μια καρτέλα browser 16 px, έναν σελιδοδείκτη, το πλακίδιο Apple touch και ένα εικονίδιο PWA.
Όλα αποδίδονται σε ένα canvas στο browser σας, και το Generate συγκεντρώνει ολόκληρο το πακέτο σε ένα ZIP με ένα README. Η εγκατάσταση γίνεται σε δύο βήματα: αποσυμπιέστε στη ρίζα του ιστότοπού σας και επικολλήστε το παρεχόμενο απόσπασμα στο <head> σας.
Πώς να χρησιμοποιήσετε το Δημιουργός Favicon
- Επιλέξτε την πηγή σας: ανεβάστε ένα λογότυπο PNG, επιλέξτε ένα εικονίδιο γραμματοσειράς ή πληκτρολογήστε ένα μονόγραμμα.
- Στυλίστε το — χρώμα φόντου ή διαφάνεια, σχήμα, padding και μέγεθος artwork.
- Συμπληρώστε το όνομα του ιστότοπου, το σύντομο όνομα και το χρώμα θέματος για το manifest PWA.
- Ελέγξτε τις προεπισκοπήσεις: καρτέλα browser, σελιδοδείκτης, Apple touch και πλαίσια PWA.
- Κάντε κλικ στο "Generate favicons" και αποσυμπιέστε το πακέτο στη ρίζα του ιστότοπού σας.
- Επικολλήστε το απόσπασμα HTML από το πακέτο στο <head> της σελίδας σας.