Εικόνα σε Εικονίδιο
Μετατρέψτε Μία Εικόνα σε Πλήρες Πακέτο Εικονιδίων
Μετατροπέας Εικόνας σε Εικονίδιο
Ανεβάστε μια εικόνα, διαμορφώστε το πλαίσιο, προεπισκοπήστε τα μικρά μεγέθη και κατεβάστε ολόκληρο το πακέτο εικονιδίων με ένα κλικ.
Ανεβάστε μια εικόνα
Σύρετε και αποθέστε την εικόνα σας, κάντε κλικ για αναζήτηση ή επικολλήστε (Ctrl+V)
JPG, PNG, WebP έως 25MB — επεξεργάζεται στη συσκευή σας
Ανεβάστε μια εικόνα για να δείτε προεπισκόπηση του σετ εικονιδίων
Η εικόνα σας δεν φεύγει ποτέ από τη συσκευή σας. Ολόκληρη η μετατροπή εικόνας σε εικονίδιο εκτελείται τοπικά.
Τι Περιλαμβάνει το Πακέτο Εικονιδίων
Μία μετατροπή εικόνας σε εικονίδιο παράγει κάθε αρχείο που χρειάζεται ένας πραγματικός ιστότοπος — καρτέλα browser, αρχική οθόνη, προτροπή εγκατάστασης και όλα.
Favicon Πολλαπλών Μεγεθών
favicon.ico16, 32, 48 px
Ένα αρχείο ICO με τρία ενσωματωμένα μεγέθη για καρτέλες παλιών browser, συντομεύσεις επιφάνειας εργασίας και τομείς συστήματος.
Apple Touch Icon
apple-touch-icon.png180 x 180 px
Το στρογγυλεμένο τετράγωνο εικονίδιο που χρησιμοποιεί το iOS όταν ένας επισκέπτης αποθηκεύει τον ιστότοπό σας στην αρχική οθόνη.
Εικονίδια PWA & Android
android-chrome-*.png192 & 512 px
PNG υψηλής ανάλυσης για προτροπές εγκατάστασης PWA, τον εκκινητή εφαρμογών και τις αρχικές οθόνες Android.
Manifest & HTML
site.webmanifest + απόσπασμαJSON + σύνδεσμοι
Ένα προρρυθμισμένο web manifest και τα ακριβή tags link για επικόλληση στο head του εγγράφου σας.
Τι είναι το Εικόνα σε Εικονίδιο;
Ένας μετατροπέας εικόνας σε εικονίδιο μετατρέπει μία εικόνα πηγή στο πλήρες σετ αρχείων εικονιδίων που χρειάζεται ένας ιστότοπος — favicon, εικονίδια εφαρμογών και manifest.
Ένας μετατροπέας εικόνας σε εικονίδιο λαμβάνει μία εικόνα πηγή και παράγει όλα τα αρχεία εικονιδίων που συνοδεύουν έναν πραγματικό ιστότοπο. Οι browser ζητούν ένα μικρό τετράγωνο 16 pixel για την καρτέλα, το iOS θέλει ένα Apple Touch Icon 180 pixel για την αρχική οθόνη και τα PWA που εγκαθίστανται χρειάζονται PNG 192 και 512 pixel συν ένα web manifest. Η χειροκίνητη εργασία σημαίνει αλλαγή μεγέθους, ονομασία και αναφορά έξι ή περισσότερων αρχείων. Το εργαλείο εικόνας σε εικονίδιο διαχειρίζεται κάθε μέγεθος από ένα ανέβασμα, σε έναν καμβά, στο πρόγραμμα περιήγησής σας — έτσι η εικόνα πηγή δεν φεύγει ποτέ από τη συσκευή σας.
- ✓Εκτελείται εξ ολοκλήρου στη συσκευή σας — χωρίς ανέβασμα, χωρίς μετάβαση σε διακομιστή για τη μετατροπή εικόνας σε εικονίδιο
- ✓Δημιουργεί favicon.ico, μεγέθη PNG, Apple Touch Icon, εικονίδια PWA, manifest και HTML σε ένα πακέτο
- ✓Τρεις λειτουργίες σχήματος — Περικοπή σε Τετράγωνο, Προσαρμογή με Περιθώριο και Τέντωμα — ώστε να λειτουργούν και τα πλατιά λογότυπα
- ✓Ρυθμιζόμενο περιθώριο, καμπύλότητα γωνιών και χρώμα φόντου για ένα περιποιημένο πλακίδιο εικονιδίου
- ✓Ζωντανή προεπισκόπηση σε 16, 32, 180 και 512 pixel ώστε να ξέρετε ότι τα μικρά μεγέθη διαβάζονται καθαρά
Καλύτερα Μεγέθη για την Έξοδο Εικόνας σε Εικονίδιο
| Μέγεθος | Συνηθισμένη χρήση |
|---|---|
| 16x16 | Μικρές καρτέλες browser και προβολή favicon παλαιού τύπου. |
| 32x32 | Σύγχρονο favicon PNG και προβολή καρτέλας υψηλής πυκνότητας. |
| 48x48 | Συντομεύσεις επιφάνειας εργασίας και ορισμένοι τομείς συστήματος. |
| 180x180 | Apple Touch Icon για αποθηκευμένους συνδέσμους αρχικής οθόνης. |
| 192x192 / 512x512 | Εικονίδια εγκατάστασης PWA και Android. |
Αν η προεπισκόπηση 16 pixel διαβάζεται δύσκολα, δοκιμάστε πιο τολμηρή περικοπή, περισσότερο περιθώριο ή συμπαγές φόντο. Ένα κεντραρισμένο σχήμα με σαφή αντίθεση αντέχει πολύ καλύτερα το πήδημα από μεγάλη εικόνα σε μεγέθη εικονιδίων από μια σύνθετη εικόνα.
Γιατί να Χρησιμοποιήσετε Μετατροπέα Εικόνας σε Εικονίδιο;
Η χειροκίνητη δημιουργία αρχείων favicon και εικονιδίων εφαρμογών είναι περίπλοκη και επιρρεπής σε σφάλματα. Αυτό το εργαλείο εικόνας σε εικονίδιο λύνει τα συνηθισμένα προβλήματα.
Τα προβλήματα της χειροκίνητης ροής εικόνας σε εικονίδιο
Αλλαγή μεγέθους και μετονομασία με το χέρι
Χρειάζεστε PNG 16, 32, 48, 180, 192 και 512 pixel συν ένα ICO, όλα με συγκεκριμένα ονόματα αρχείων. Το να το κάνετε ένα-ένα σε πρόγραμμα γραφικών είναι αργό και εύκολο να κάνετε λάθος.
Χωρίς manifest ή HTML
Ακόμα και μετά την αλλαγή μεγέθους, πρέπει να γράψετε το site.webmanifest και τα ακριβή tags link. Αν παραλείψετε ένα, το εικονίδιο αρχικής οθόνης ή η εγκατάσταση PWA χαλασιάρει σιωπηλά.
Οι διαδικτυακοί μετατροπείς με ανέβασμα είναι ριψοκίνδυνοι
Πολλοί ιστότοποι εικόνας σε εικονίδιο στέλνουν το λογότυπό σας σε διακομιστή. Για το σήμα ιδιωτικού πελάτη ή ένα προϊόν που δεν έχει κυκλοφορήσει, αυτό είναι ανασταλτικό.
Τι κάνει σωστά αυτό το εργαλείο εικόνας σε εικονίδιο
Ιδιωτικό εκ σχεδιασμού
Ολόκληρη η μετατροπή εικόνας σε εικονίδιο εκτελείται σε καμβά στο πρόγραμμα περιήγησής σας. Το λογότυπό σας δεν ανεβαίνει ποτέ πουθενά.
Πακέτο εικονιδίων με ένα κλικ
Κατεβάστε favicon.ico, όλα τα μεγέθη PNG, το Apple Touch Icon, εικονίδια PWA, manifest και το απόσπασμα HTML σε ένα ZIP.
Ζωντανή προεπισκόπηση μικρών μεγεθών
Δείτε ακριβώς πώς φαίνεται το favicon σε 16 και 32 pixel πριν την κυκλοφορία — τα μεγέθη όπου αποτυγχάνουν τα περισσότερα εικονίδια.
Σχήμα, περιθώριο, καμπύλωση
Περικόψτε πλατιά λογότυπα σε τετράγωνο, προσαρμόστε ολόκληρο το σήμα με περιθώριο, στρογγυλέψτε τις γωνίες ή ορίστε συμπαγές φόντο — όλα ζωντανά.
Έγκυρο ICO πολλαπλών μεγεθών
Το favicon.ico συγκεντρώνει 16, 32 και 48 pixel σε ένα αρχείο, ώστε οι παλιοί browser, οι συντομεύσεις επιφάνειας εργασίας και η γραμμή διευθύνσεων να δείχνουν το σωστό εικονίδιο.
Δωρεάν, χωρίς εγγραφή, χωρίς υδατογράφημα
Ανοίξτε τη σελίδα και ξεκινήστε τη μετατροπή. Χωρίς λογαριασμό, χωρίς email, χωρίς υδατογράφημα στην έξοδο.
Πώς να Μετατρέψετε μια Εικόνα σε Αρχεία Εικονιδίων
Πέντε γρήγορα βήματα από μία εικόνα πηγή σε πλήρες, έτοιμο για ανάπτυξη πακέτο εικονιδίων.
Ανέβασμα
Ρίξτε ένα PNG, JPG ή WebP. Μια καθαρή τετράγωνη πηγή λειτουργεί καλύτερα, αλλά οι πλατιές εικόνες είναι εντάξει — επιλέξτε Προσαρμογή με Περιθώριο για να τις κρατήσετε ολόκληρες.
Σχήμα
Επιλέξτε Περικοπή σε Τετράγωνο, Προσαρμογή με Περιθώριο ή Τέντωμα. Η ζωντανή προεπισκόπηση ενημερώνεται καθώς προσαρμόζετε το πλαίσιο για κάθε μέγεθος εικονιδίου.
Στυλ
Προσθέστε περιθώριο, στρογγυλέψτε τις γωνίες, κρατήστε το φόντο διαφανές ή επιλέξτε συμπαγές χρώμα για ένα περιποιημένο πλακίδιο.
Προεπισκόπηση
Ελέγξτε την προεπισκόπηση 16 pixel πριν την εξαγωγή. Αν η μικρή έκδοση διαβάζεται καθαρά, τα μεγαλύτερα εικονίδια εφαρμογών θα φαίνονται υπέροχα.
Λήψη
Κάντε κλικ στη Λήψη Πακέτου Εικονιδίων για να πάρετε favicon.ico, όλα τα PNG, το manifest και το απόσπασμα HTML σε ένα ZIP.
Λειτουργίες Εικόνας σε Εικονίδιο
Όλα όσα χρειάζεστε για να μετατρέψετε μία εικόνα σε πλήρες, έτοιμο για ανάπτυξη σετ εικονιδίων.
Ιδιωτικό, στο πρόγραμμα περιήγησης
Η πλήρης μετατροπή εικόνας σε εικονίδιο εκτελείται στη συσκευή σας. Η εικόνα πηγή σας δεν ανεβαίνει ποτέ πουθενά.
Πλήρες πακέτο εικονιδίων
favicon.ico, μεγέθη PNG, Apple Touch Icon, εικονίδια PWA, site.webmanifest και HTML — συγκεντρωμένα σε μία λήψη ZIP.
Έλεγχοι σχήματος και στυλ
Περικόψτε, προσαρμόστε ή τεντώστε την πηγή και μετά ρυθμίστε περιθώριο, καμπύλωση γωνιών και χρώμα φόντου με ζωντανή προεπισκόπηση.
favicon.ico πολλαπλών μεγεθών
Ένα έγκυρο αρχείο ICO με ενσωματωμένα καρέ 16, 32 και 48 pixel, ώστε κάθε browser να επιλέγει το σωστό μέγεθος.
Ζωντανή προεπισκόπηση μικρών μεγεθών
Δείτε τα favicon 16 και 32 pixel πριν την κυκλοφορία, ώστε να ξέρετε ότι τα μικρότερα μεγέθη παραμένουν αναγνώσιμα.
Manifest & απόσπασμα HTML
Ένα προρρυθμισμένο web manifest και έτοιμα για επικόλληση tags link — βάλτε τα στο head σας και τελειώσατε.
Πού Χρησιμοποιείται η Έξοδος Εικόνας σε Εικονίδιο
Κάθε έργο που κυκλοφορεί ιστότοπο, εφαρμογή ή PWA χρειάζεται σετ εικονιδίων. Ακολουθεί ποιος χρησιμοποιεί το πακέτο εικόνας σε εικονίδιο.
Web Developers
Βάλτε τα παραγόμενα αρχεία στον φάκελο public και επικολλήστε το απόσπασμα HTML.
- •Στατικοί ιστότοποι και landing pages
- •Έργα Next.js, Astro και Vite
- •Ιστότοποι τεκμηρίωσης και blogs
Indie Hackers
Κυκλοφορήστε το favicon και τα εικονίδια PWA για το side project σας σε λίγα λεπτά.
- •MVP και κυκλοφορίες προϊόντων
- •Side projects και demos
- •Υποβολές hackathon
Σχεδιαστές
Παραδώστε στους πελάτες πλήρες, σωστά ονομασμένο πακέτο εικονιδίων από μία εξαγωγή λογότυπου.
- •Παραδόσεις brand πελατών
- •Παράδοση design system
- •Πρότυπα favicon για έγκριση
Εταιρείες
Δημιουργήστε συνεπή σετ εικονιδίων σε πολλούς ιστότοπους πελατών χωρίς επανάληψη εργασίας.
- •Rollouts πολλών ιστότοπων
- •Αναπτύξεις white-label
- •Templates και starter kits
Δημιουργοί PWA
Πάρτε τα PNG 192 και 512 pixel συν το web manifest που χρειάζεται ένα PWA που εγκαθίσταται.
- •Εγκαταστάσιμες web εφαρμογές
- •PWA με προτεραιότητα offline
- •Εκκινητές αρχικής οθόνης
Συντηρητές Open-source
Προσθέστε favicon και εικονίδια εφαρμογών στον φάκελο public ενός repo σε ένα βήμα.
- •Ιστότοποι GitHub Pages
- •Ιστότοποι τεκμηρίωσης και demo
- •Landing pages έργων
Τι Λένε οι Χρήστες
Developers, σχεδιαστές και indie makers χρησιμοποιούν αυτό το εργαλείο εικόνας σε εικονίδιο για να κυκλοφορούν εικονίδια χωρίς τριβές.
“Άλλαζα μέγεθος σε έξι PNG και έγραφα χειροκίνητα το manifest κάθε φορά που ξεκινούσα έργο. Τώρα ρίχνω ένα λογότυπο, ρυθμίζω το περιθώριο και ολόκληρο το πακέτο εικόνας σε εικονίδιο είναι έτοιμο σε δευτερόλεπτα. Η προεπισκόπηση 16px με έχει σώσει από περισσότερα του ενός θολά favicon.”
Sofia Almeida
Frontend developer
“Το ότι εκτελείται στο πρόγραμμα περιήγησης είναι ο λόγος που το χρησιμοποιώ. Τα λογότυπα πελατών δεν ανεβαίνουν πουθενά, και παρόλα αυτά παίρνω favicon.ico, το Apple Touch Icon και τα εικονίδια PWA σε ένα ZIP. Ακριβώς ό,τι πρέπει να είναι ένα favicon generator.”
Jonas Weber
Indie maker
“Παραδίδω πλέον πακέτα εικονιδίων σε πελάτες από αυτό το εργαλείο. Οι λειτουργίες Crop και Fit διαχειρίζονται με χάρη τα πλατιά λογότυπα, οι στρογγυλεμένες γωνίες φαίνονται επεξεργασμένες και τα ονόματα αρχείων ταιριάζουν με αυτά που περιμένουν οι developers. Είναι η πιο καθαρή ροή εικόνας σε εικονίδιο που έχω βρει.”
Mei Tanaka
Brand designer
Συχνές Ερωτήσεις Εικόνας σε Εικονίδιο
Γρήγορες απαντήσεις για τον μετατροπέα εικόνας σε εικονίδιο — τι κάνει, πώς λειτουργεί, ιδιωτικότητα και τιμολόγηση.
Ανεβάστε μια Εικόνα, Πάρτε το Πλήρες Πακέτο Εικονιδίων
favicon.ico, μεγέθη PNG, Apple Touch Icon, εικονίδια PWA, manifest και HTML — μία λήψη, έτοιμη για ανάπτυξη. Δωρεάν για πάντα, χωρίς εγγραφή.