Πώς φτιάχνω favicon από το λογότυπό μου;

Αφήστε ένα αρχείο PNG, JPEG, WebP ή SVG, ορίστε επιλογές όπως Σχήμα, Περιθώριο και Όνομα εφαρμογής και πατήστε Δημιουργία πακέτου favicon (.zip). Αντιγράψτε το απόσπασμα HTML που εμφανίζεται στο Επικόλληση στο head σας.

Ποια αρχεία περιέχει το ZIP του favicon;

Το favicon-package.zip περιέχει favicon.ico, εικονίδια PNG (16, 32, 180, 192 και 512 pixel), site.webmanifest με το όνομα της εφαρμογής σας και ένα favicon-snippet.html με τις ετικέτες link.

Τι μέγεθος και μορφή εικόνας να ανεβάσω;

Γίνονται δεκτά PNG, JPEG, WebP και SVG, ένα αρχείο τη φορά. Για το πιο καθαρό αποτέλεσμα χρησιμοποιήστε τετράγωνη εικόνα τουλάχιστον 512x512· ένα διαφανές PNG ή SVG λειτουργεί καλύτερα.

Πώς παίρνω στρογγυλό ή με στρογγυλεμένες γωνίες favicon;

Μετά τη μεταφόρτωση, επιλέξτε Τετράγωνο, Στρογγυλεμένο ή Κύκλος στο Σχήμα. Μπορείτε επίσης να ρυθμίσετε το Περιθώριο από 0 έως 25 τοις εκατό και να δείτε το αποτέλεσμα στην προεπισκόπηση καρτέλας προγράμματος περιήγησης.

Ανεβαίνει η εικόνα μου και γιατί αποτυγχάνει η δημιουργία;

Τα εικονίδια σχεδιάζονται με το Canvas του προγράμματος περιήγησης και συμπιέζονται σε ZIP με το JSZip στη συσκευή σας. Αν δείτε Δεν ήταν δυνατή η φόρτωση αυτής της εικόνας, το αρχείο μπορεί να είναι κατεστραμμένο· δοκιμάστε άλλη εικόνα ή άλλο πρόγραμμα περιήγησης.

Είναι πραγματικά δωρεάν;

Ναι. Κάθε εργαλείο είναι δωρεάν στη χρήση, χωρίς λογαριασμό και χωρίς πιστωτική κάρτα. Η εργασία εκτελείται στη συσκευή σας και όχι στους διακομιστές μας, γεγονός που την καθιστά δωρεάν στη λειτουργία της.

Ανεβαίνουν τα αρχεία μου;

Όχι. Τα αρχεία σας ανοίγουν και επεξεργάζονται μέσα στο πρόγραμμα περιήγησής σας και δεν στέλνονται στο LibraTool. Ορισμένα εργαλεία κατεβάζουν πρώτα μια μηχανή επεξεργασίας ή ένα μοντέλο AI στο πρόγραμμα περιήγησής σας· αυτή η λήψη δεν περιέχει δεδομένα σας.

Λειτουργεί σε κινητό;

Ναι. Λειτουργεί στα σύγχρονα προγράμματα περιήγησης κινητών σε iOS και Android, χωρίς εγκατάσταση. Πολύ μεγάλα αρχεία μπορεί να είναι αργά ή να εξαντλήσουν τη μνήμη σε κινητό, οπότε για αυτά χρησιμοποιήστε υπολογιστή.

🌟

Γεννήτρια Favicon δωρεάν

Μετατρέψτε οποιαδήποτε εικόνα σε πλήρες πακέτο favicon: πολυμεγέθης favicon.ico, εικονίδιο αφής Apple, εικονίδια Android/PWA, web manifest και έτοιμο αποσπάσμα HTML — όλα σε zip, στο πρόγραμμα περιήγησής σας.

Το μέγεθος αρχείου εξαρτάται από τη συσκευή σαςΤα αρχεία παραμένουν ιδιωτικάΔεν απαιτείται σύνδεσηΔωρεάν για πάντα

Αφήστε ένα αρχείο εδώ ή κάντε κλικ για αναζήτηση

PNG, JPG, WebP, SVG, HEIC, HEIF · επεξεργάζεται στη συσκευή σας

ή πατήστε Ctrl+V για επικόλληση από το πρόχειρο

Αναζήτηση αρχείων

Τα αρχεία σας δεν εγκαταλείπουν ποτέ τη συσκευή σας. Όλη η επεξεργασία γίνεται τοπικά στο πρόγραμμα περιήγησής σας.

💡 Για το καλύτερο αποτέλεσμα, ανεβάστε τετράγωνη εικόνα τουλάχιστον 512×512. Το διαφανές PNG ή SVG λειτουργεί καλύτερα.

Συνηθισμένες χρήσεις

Δημιουργία Favicon ιστοσελίδαςΔημιουργήστε το πλήρες σύνολο favicon που αναμένει κάθε προγράμμα περιήγησης και συσκευή.
Δημιουργία εικονιδίων PWA και ManifestΛάβετε εικονίδια 192px και 512px και το διαδικτυακό manifest που χρειάζεται ένα PWA.
Δημιουργία εικονιδίου Apple TouchΔημιουργήστε το εικονίδιο 180×180 που χρησιμοποιεί το iOS όταν ένας ιστότοπος αποθηκεύεται στην αρχική οθόνη.
Μετατροπή λογοτύπου σε FaviconΜετατρέψτε το λογότυπό σας σε ένα καθαρό, αναγνωρίσιμο favicon.
Δημιουργία Favicons για οποιοδήποτε FrameworkΛάβετε αρχεία favicon έτοιμα για χρήση για React, Next.js, WordPress και άλλα.

Πώς λειτουργεί

Αυτό το εργαλείο μετατρέπει οποιοδήποτε PNG, JPEG, WebP ή SVG σε πλήρες πακέτο favicon — .ico πολλών μεγεθών, Apple touch icon, εικονίδια Android/PWA, web manifest και απόσπασμα HTML έτοιμο για επικόλληση — εξ ολοκλήρου μέσα στον browser σας με το Canvas API και το JSZip. Τίποτα δεν μεταφορτώνεται· όλη η απόδοση και η σύνθεση αρχείων γίνονται τοπικά.

1
Το Canvas αλλάζει την κλίμακα της εικόνας σας
Ο browser σχεδιάζει την εικόνα πηγής σε στοιχεία HTML Canvas εκτός οθόνης σε κάθε απαιτούμενο μέγεθος (16, 32, 48, 180, 192 και 512 px). Τα SVG χωρίς ρητά χαρακτηριστικά width/height κανονικοποιούνται πρώτα μέσω DOMParser και XMLSerializer, ώστε Firefox και Chrome να παράγουν ίδια pixels αντί για κενό canvas.
2
Χειρόγραφος κωδικοποιητής ICO δημιουργεί το αρχείο .ico
Οι μικρές εγγραφές ICO (16, 32, 48 px) κωδικοποιούνται ως ακατέργαστα bitmaps DIB 32-bit BGRA — το BITMAPINFOHEADER μαζί με γραμμές XOR από κάτω προς τα πάνω και μάσκα AND 1bpp — επειδή τα στοιχεία του κελύφους των Windows απαιτούν ασυμπίεστη μορφή DIB σε αυτά τα μεγέθη. Το εργαλείο γράφει την κεφαλίδα καταλόγου ICO και ενώνει τις εγγραφές εξ ολοκλήρου με DataView και Uint8Array, χωρίς εξωτερική βιβλιοθήκη ICO.
3
Οι έξοδοι PNG παράγονται μέσω canvas.toBlob
Κάθε παραλλαγή PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) λαμβάνεται καλώντας canvas.toBlob με 'image/png', αναθέτοντας την κωδικοποίηση χωρίς απώλειες στην ενσωματωμένη μηχανή εικόνας του browser. Προαιρετικό περιθώριο, χρώμα φόντου και αποκοπή σχήματος (τετράγωνο, στρογγυλεμένο ή κύκλος) εφαρμόζονται στο context του canvas πριν από τη λήψη.
4
Το JSZip πακετάρει τα πάντα σε μία λήψη
Το JSZip συγκεντρώνει όλα τα αρχεία που δημιουργήθηκαν — favicon.ico, τα πέντε PNG, ένα site.webmanifest με το όνομα της εφαρμογής σας και ένα favicon-snippet.html με τα σωστά tags <link> — σε ένα ενιαίο blob .zip που κατεβαίνει αυτόματα στη συσκευή σας.

Η εικόνα σας φορτώνεται απευθείας στο Canvas API του browser και δεν φεύγει ποτέ από τη συσκευή σας — κανένα δεδομένο αρχείου δεν μεταδίδεται σε διακομιστή σε κανένα σημείο.

Σχετικά εργαλεία

🖼️

Μετατροπέας PNG σε ICO Favicon

Μετατρέψτε εικόνες PNG, JPG, WebP ή SVG σε αρχεία favicon .ico πολλαπλών μεγεθών. Επιλέξτε τα μεγέθη που θέλετε (16, 32, 48, 64, 128, 256) και κατεβάστε ένα μόνο .ico.

Δοκιμάστε τοΤα αρχεία παραμένουν τοπικά

🎞️

Δημιουργός Κινούμενου GIF

Συνδυάστε πολλές εικόνες σε κινούμενο GIF. Ρυθμιζόμενη καθυστέρηση καρέ, πλάτος εξόδου, βρόχος και ποιότητα. Κωδικοποιείται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας.

Δοκιμάστε τοΤα αρχεία παραμένουν τοπικά

Δημοφιλές

✍️

Δημιουργία υπογραφής

Σχεδιάστε μια υπογραφή με το ποντίκι, το δάχτυλο ή γραφίδα, ή πληκτρολογήστε το όνομά σας σε γραμματοσειρά χειρογράφου, και εξαγάγετέ την ως διαφανές PNG ή SVG.

Δοκιμάστε το