Μετατροπή εικόνας σε ICO
Δημιουργήστε ένα favicon.ico ή ένα εικονίδιο Windows από όποια εικόνα έχετε: ένα PNG με το λογότυπο, ένα SVG από τον γραφίστα σας, ένα JPG από το υλικό της εταιρικής ταυτότητας ή ακόμη και μια φωτογραφία από το κινητό. Το αρχείο που προκύπτει περιέχει πολλά μεγέθη. Παρακάτω θα δείτε ποια πηγή δίνει το καλύτερο αποτέλεσμα και ποια άλλα αρχεία εικονιδίων περιμένει κάθε πλατφόρμα.
Μετατροπέας εικόνων
ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·
Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά
Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.
Το 85 κρατά τις φωτογραφίες οπτικά ίδιες με το πρωτότυπο. Μειώστε το μόνο αν χρειάζεστε μικρότερο αρχείο.
Τα JPG, BMP και EPS δεν έχουν διαφάνεια. Τα διάφανα pixel γεμίζουν με αυτό το χρώμα.
Δεκαεξαδικό χρώμα πίσω από τα διάφανα pixel, π.χ. #FFFFFF.
Αυτή η μορφή κρατά μία μόνο εικόνα. Επιλέξτε έξοδο GIF ή WebP αν θέλετε να διατηρηθεί το κινούμενο σχέδιο.
Ένα εικονίδιο πολλών μεγεθών περιέχει αρκετές αναλύσεις σε ένα αρχείο· τα προγράμματα περιήγησης και τα λειτουργικά συστήματα διαλέγουν αυτή που χρειάζονται.
Κρατήστε τις αρχικές διαστάσεις ή εισαγάγετε τη μία πλευρά και η αναλογία διατηρείται.
Pixel για την πλευρά που επιλέξατε παραπάνω.
Ποσοστό των αρχικών διαστάσεων.
Το sRGB είναι κατάλληλο για οθόνες και το διαδίκτυο. Κρατήστε το αρχικό για ροές εκτύπωσης· οι αποχρώσεις του γκρι απορρίπτουν το χρώμα.
Μόνο μεταδεδομένα, το 0 κρατά την αρχική τιμή. Οι εκτυπωτές και ορισμένες πύλες διαβάζουν αυτόν τον αριθμό· δεν αλλάζει τις διαστάσεις σε pixel.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- 1
Επιλέξτε την πιο καθαρή εικόνα που διαθέτετε
Ανεβάστε την εικόνα που θέλετε για εικονίδιο, ιδανικά ένα τετράγωνο λογότυπο ή σύμβολο 256 × 256 px ή μεγαλύτερο.
- 2
Αφήστε τα Μεγέθη εικονιδίου στην επιλογή «Όλα»
Στις Σύνθετες ρυθμίσεις, τα Μεγέθη εικονιδίων ξεκινούν με την επιλογή Όλα τα μεγέθη (16–256). Διαλέξτε ένα μόνο μέγεθος μόνο αν κάποιο πρόγραμμα ζητά ακριβώς ένα.
- 3
Μετατρέψτε και δοκιμάστε
Πατήστε Μετατροπή σε ICO, κατεβάστε το αρχείο και δείτε το σε μια καρτέλα του προγράμματος περιήγησης ή στην επιφάνεια εργασίας πριν το δημοσιεύσετε.
Πώς μετατρέπω μια εικόνα σε εικονίδιο ICO;
Ανεβάστε μια τετράγωνη εικόνα τουλάχιστον 256 × 256 px, αφήστε τα Μεγέθη εικονιδίων στο Όλα τα μεγέθη (16–256) και πατήστε Μετατροπή σε ICO. Παίρνετε ένα αρχείο με εκδόσεις 16, 32, 64, 128 και 256 px, έτοιμο για χρήση ως favicon.ico ή ως εικονίδιο συντόμευσης των Windows.
Εικόνα σε ICO: από ποια αρχική εικόνα να ξεκινήσετε
Το ICO είναι το κοντέινερ εικονιδίων της Microsoft, τόσο παλιό όσο τα ίδια τα Windows. Δεν αποθηκεύει μία εικόνα αλλά έναν μικρό κατάλογο εικόνων, και από τα Windows Vista η μεγαλύτερη εγγραφή, των 256 px, μπορεί να είναι συμπιεσμένη ως PNG. Τα προγράμματα περιήγησης υιοθέτησαν τη μορφή το 1999, όταν ο Internet Explorer 5 άρχισε να ζητά το /favicon.ico από κάθε ιστότοπο.
Επειδή ο μετατροπέας σμικρύνει την εικόνα σας μέχρι και στα 16 px, το αρχικό υλικό καθορίζει το αποτέλεσμα πολύ περισσότερο από οποιαδήποτε ρύθμιση. Κατατάξτε ό,τι έχετε πριν ανεβάσετε και κάντε πρώτα περικοπή σε τετράγωνο αν είναι πλατιά· το εργαλείο περικοπή εικόνας ορίζει πλαίσιο 1:1 σε λίγα δευτερόλεπτα.
Διανυσματικό λογότυπο (SVG, EPS, AI)
Ρασταροποιείται από την αρχή σε κάθε μέγεθος, οπότε οι άκρες μένουν καθαρές. Η καλύτερη επιλογή όταν ο σχεδιαστής σας μπορεί να στείλει ένα.
PNG ή WebP με διαφάνεια
Διατηρεί το διάφανο φόντο μέσα από το οποίο φαίνεται η γραμμή καρτελών. Ξεκινήστε από 256 px ή περισσότερο.
JPG, HEIC ή στιγμιότυπο οθόνης
Δουλεύει, αλλά το τετράγωνο φόντο έρχεται μαζί. Γεμίστε το ή κάντε περικοπή ώστε οι γωνίες να φαίνονται σκόπιμες.
Πού αναζητά κάθε πλατφόρμα το αρχείο εικονιδίου της
32 × 32 px
favicon.ico (καρτέλα προγράμματος περιήγησης)
Τα 16 και 32 px σχεδιάζονται σε καρτέλες και σελιδοδείκτες· το ICO αυτής της σελίδας καλύπτει και τα δύο
256 × 256 px
Συντόμευση Windows ή .exe
Οι προβολές μεγάλων εικονιδίων και οι οθόνες υψηλού DPI επιλέγουν την εγγραφή των 256 px
180 × 180 px
apple-touch-icon.png
PNG, όχι ICO· χρησιμοποιείται όταν κάποιος προσθέτει τον ιστότοπο στην αρχική οθόνη ενός iPhone
512 × 512 px
Εικονίδιο web app manifest
PNG που αναφέρεται στο manifest.json, μαζί με μια έκδοση 192 px, για web εφαρμογές που εγκαθίστανται
ANY I
Οποιαδήποτε εικόνα
Το εργαλείο δέχεται συνηθισμένες μορφές εικόνας, όπως JPG, PNG, WebP, HEIC, GIF, BMP και TIFF. Η μορφή εντοπίζεται αυτόματα από το αρχείο, οπότε δεν χρειάζεται να γνωρίζετε τι είδους εικόνα έχετε.
ICO
Εικονίδιο Windows
Το ICO είναι η μορφή εικονιδίων της Microsoft που χρησιμοποιείται για εικονίδια προγραμμάτων Windows και favicon ιστότοπων. Ένα αρχείο .ico μπορεί να περιέχει πολλές εικόνες σε διαφορετικά μεγέθη, όπως 16×16, 32×32, 48×48 και 256×256 pixel, ώστε το σύστημα να επιλέγει την καταλληλότερη. Κάθε εικόνα μπορεί να αποθηκευτεί ως bitmap ή ως δεδομένα PNG και υποστηρίζει πλήρη διαφάνεια alpha. Το ICO δεν προορίζεται για φωτογραφίες ή μεγάλα γραφικά. Οι browser, τα Windows και τα περισσότερα προγράμματα επεξεργασίας εικονιδίων μπορούν να το διαβάσουν.
- Συμπίεση
- Χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Όχι
- Έτος εισαγωγής
- Microsoft
Οι άνθρωποι μετατρέπουν μια τυχαία εικόνα σε ICO επειδή μια καρτέλα προγράμματος περιήγησης, μια συντόμευση των Windows ή ένα πρόγραμμα εγκατάστασης περιμένει ένα αρχείο .ico, ενώ το μόνο διαθέσιμο υλικό είναι ένα λογότυπο, ένα στιγμιότυπο οθόνης ή μια φωτογραφία σε άλλη μορφή· η εξαγωγή ενός PNG από ένα ICO είναι το αντίστροφο, ανάκτηση υλικού.
Το τεστ ευκρίνειας στα 16 px πριν από τη μετατροπή σε ICO
Στα 16 × 16 px ένα εικονίδιο έχει συνολικά 256 pixel. Ένα ολόκληρο λογότυπο με κείμενο γίνεται γκρίζο μουτζούρωμα· ένα έντονο γράμμα ή σύμβολο επιβιώνει. Πριν τη μετατροπή, σμικρύνετε το αρχικό σας στα 16 px σε οποιοδήποτε πρόγραμμα προβολής και αναρωτηθείτε αν θα το αναγνωρίζατε ανάμεσα σε 30 ανοιχτές καρτέλες.
Η αντίθεση μετράει όσο και το σχήμα. Οι καρτέλες εμφανίζονται σε ανοιχτά και σκούρα θέματα προγράμματος περιήγησης, οπότε ένα μαύρο λογότυπο σε διάφανο φόντο μπορεί να εξαφανιστεί στη σκούρα λειτουργία. Ένα λεπτό ανοιχτόχρωμο περίγραμμα ή ένα γεμάτο στρογγυλεμένο τετράγωνο πίσω από το σύμβολο το κρατά ορατό και στις δύο. Για πακέτα εφαρμογών macOS χρειάζεστε ICNS· το PNG σε ICNS δημιουργεί αυτό το αρχείο από το ίδιο υλικό.
Ερωτήσεις για τη μετατροπή εικόνας σε ICO
Ποιες μορφές εικόνας μπορούν να γίνουν ICO σε αυτή τη σελίδα;
Οποιαδήποτε εικόνα διαβάζει ο μετατροπέας: μεταξύ άλλων PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD και camera RAW. Ένα PNG με διαφάνεια ή ένα SVG δίνει τις πιο καθαρές άκρες· ένα JPG δουλεύει, αλλά κουβαλά μαζί του το ορθογώνιο φόντο.
Αρκεί το favicon.ico ή χρειάζομαι και άλλα αρχεία εικονιδίων;
Το .ico καλύπτει τις καρτέλες και τους σελιδοδείκτες των προγραμμάτων περιήγησης παντού. Τα iPhone και τα iPad ψάχνουν ένα PNG 180 × 180 px με όνομα apple-touch-icon, ενώ το Chrome προσφέρει εγκατάσταση ενός ιστότοπου ως εφαρμογής μόνο όταν το web manifest περιλαμβάνει εικονίδια PNG 192 και 512 px.
Χρειάζονται τα Windows εικόνα 48 px μέσα στο ICO;
Η προβολή μεσαίων εικονιδίων της Εξερεύνησης αρχείων σχεδιάζει τα εικονίδια στα 48 px. Όταν το αρχείο δεν έχει εγγραφή 48 px, τα Windows κλιμακώνουν την αμέσως μεγαλύτερη, εδώ την εικόνα των 64 px, που συνήθως φαίνεται καλά σε έντονα σχέδια. Οι λεπτές γραμμές μπορεί να θολώσουν.
Μπορεί ένα ICO να δείχνει διαφορετικό σχέδιο στα 16 px και στα 256 px;
Η μορφή το επιτρέπει, και τα εικονίδια του συστήματος συχνά χρησιμοποιούν απλοποιημένο σχέδιο για τα μικρότερα μεγέθη. Αυτός ο μετατροπέας κλιμακώνει μία εικόνα σε όλα τα μεγέθη. Αν η έκδοση των 16 px χρειάζεται δικό της σχέδιο, εξαγάγετε χωριστά αυτό το σχέδιο και μετατρέψτε το με τα Μεγέθη εικονιδίων ορισμένα στα 16 px.
Πώς ελέγχω ότι το εικονίδιό μου διακρίνεται στα 16 px πριν από τη μετατροπή;
Σμικρύνετέ το στα 16 px σε οποιονδήποτε επεξεργαστή και δείτε το στο 100%. Αν δεν καταλαβαίνετε τι απεικονίζει, αφαιρέστε λεπτομέρειες: βγάλτε το σλόγκαν, κρατήστε το αρχικό γράμμα ή το σύμβολο και πυκνώστε τις λεπτές γραμμές.
Πού πρέπει να ανεβάσω το favicon.ico στον ιστότοπό μου;
Τοποθετήστε το στον ριζικό φάκελο του ιστότοπου ώστε να απαντά στο /favicon.ico, γιατί τα προγράμματα περιήγησης ζητούν αυτή τη διεύθυνση ακόμη και όταν καμία ετικέτα δεν την υποδεικνύει. Μια ετικέτα link με rel="icon" στο head της σελίδας σας επιτρέπει να το βάλετε αλλού.