Μετατροπή ICO σε SVG

Βάλτε ένα εικονίδιο Windows ή ένα favicon σε αρχείο .svg για εργαλεία που δέχονται μόνο SVG. Τα pixel του εικονιδίου παραμένουν pixel, γι' αυτό η σελίδα δείχνει επίσης πώς να αποκτήσετε πραγματικές διανυσματικές διαδρομές ή απλώς ένα μεγαλύτερο PNG.

ή σύρετε Αρχεία JPG, JPEG, JPE … εδώ ·

Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά

Έξοδος

Μετατροπή σε

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

Ποιότητα και χρώμα

Αλλαγή μεγέθους εξόδου

Αλλαγή μεγέθους τελικής εικόνας

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

Μεταδεδομένα και προφίλ χρώματος

Αυτόματος προσανατολισμός

Περιστρέφει την εικόνα με βάση τον προσανατολισμό που είναι αποθηκευμένος στο EXIF, ώστε να εμφανίζεται όρθια παντού.

Αφαίρεση μεταδεδομένων

Αφαιρεί θέση GPS, δεδομένα κάμερας και σχόλια. Το προφίλ χρώματος μπορεί να διατηρηθεί ξεχωριστά παρακάτω.

Διατήρηση προφίλ χρώματος

Διατηρεί το ενσωματωμένο προφίλ ICC ώστε τα χρώματα να παραμένουν ακριβή μετά τη μετατροπή.

Χρωματικός χώρος

Το sRGB είναι κατάλληλο για οθόνες και το διαδίκτυο. Κρατήστε το αρχικό για ροές εκτύπωσης· οι αποχρώσεις του γκρι απορρίπτουν το χρώμα.

Ετικέτα DPI

dpi

Μόνο μεταδεδομένα, το 0 κρατά την αρχική τιμή. Οι εκτυπωτές και ορισμένες πύλες διαβάζουν αυτόν τον αριθμό· δεν αλλάζει τις διαστάσεις σε pixel.

Πώς να χρησιμοποιήσετε αυτό το εργαλείο

1
Ανεβάστε το αρχείο .ico
Ένα favicon.ico από μια ιστοσελίδα ή ένα εικονίδιο από πρόγραμμα των Windows. Έως 20 αρχεία ανά παρτίδα.
2
Πατήστε «Μετατροπή σε SVG»
Η μεγαλύτερη εικόνα που περιέχεται στο ICO τοποθετείται μέσα σε ένα έγγραφο SVG με άθικτη τη διαφάνεια.
3
Αποφασίστε τι χρειάζεστε στη συνέχεια
Χρησιμοποιήστε το SVG ως έχει, κάντε διανυσματοποίηση για κλιμακούμενες διαδρομές ή εξαγάγετε ένα PNG, αν θέλατε μόνο την εικόνα.

Απάντηση

Κάνει η μετατροπή ICO σε SVG το εικονίδιο κλιμακούμενο;

Όχι. Ένα ICO περιέχει μόνο bitmap, οπότε το SVG περικλείει το μεγαλύτερο από αυτά, με τα pixel και τη διαφάνειά του. Για εικονίδιο που μένει καθαρό σε κάθε μέγεθος, κάντε διανυσματοποίηση· για αρχείο εικόνας μεγαλύτερης ανάλυσης, εξαγάγετε ένα PNG.

Αυτή η σελίδα

SVG με ενσωμάτωση

Το μεγαλύτερο bitmap του ICO μέσα σε αρχείο .svg.

Μοιάζει ακριβώς με το εικονίδιο
Διατηρείται η διαφάνεια
Θολώνει όταν μεγεθυνθεί

Διανυσματοποίηση

SVG με διανυσματοποίηση

Οι άκρες γίνονται διανυσματικές διαδρομές με το εργαλείο εικόνας σε SVG.

Κλιμακώνεται σε κάθε μέγεθος
Επεξεργάσιμα χρώματα και σχήματα
Μικρές λεπτομέρειες μπορεί να απλοποιηθούν

Εξαγωγή

PNG από ICO

Η μεγαλύτερη εικόνα του εικονιδίου αποθηκευμένη ως PNG.

Ανοίγει παντού
Χωρίς απώλειες και με διαφάνεια
Σταθερό μέγεθος σε pixel

ICO σε SVG: περιτύλιγμα γύρω από pixel, όχι διανυσματικό

Η μορφή ICO χρονολογείται από τα Windows 1.0 το 1985 και έγινε η μορφή των favicon όταν το Internet Explorer 5 άρχισε να αναζητά το /favicon.ico το 1999. Ένα αρχείο περιέχει πολλά τετράγωνα bitmap, ώστε τα Windows και οι browser να επιλέγουν το κατάλληλο μέγεθος: 16 px για την καρτέλα του browser, 32 ή 48 px για τη γραμμή εργασιών και την επιφάνεια εργασίας και, από τα Windows Vista, εικόνες 256 px αποθηκευμένες ως συμπιεσμένα δεδομένα PNG. Πουθενά σε αυτή τη δομή δεν υπάρχει διαδρομή, καμπύλη ή γέμισμα.

Το SVG, μορφή του W3C από το 2001, μπορεί να περιέχει και τα δύο είδη περιεχομένου: διανυσματικά σχήματα και ενσωματωμένα bitmap. Όταν μετατρέπεται ένα ICO, το μόνο ειλικρινές αποτέλεσμα είναι το δεύτερο είδος. Το SVG παίρνει το πλάτος και το ύψος του εικονιδίου και ένα στοιχείο εικόνας με τα pixel, οπότε εμφανίζεται ακριβώς όπως το ICO σε browser, στο Figma ή σε διαφάνεια. Αν μεγεθύνετε, βλέπετε τα ίδια pixel, γιατί τίποτα δεν ξανασχεδιάστηκε.

Μεγέθη εικονιδίων μέσα σε ένα ICO και γιατί μετράει το μεγαλύτερο

1:1

16 × 16 px

Favicon καρτέλας browser

Πολύ μικρό για καλή διανυσματοποίηση

1:1

32 × 32 px

Καρτέλα υψηλής πυκνότητας, γραμμή εργασιών

Συνηθισμένο μέγιστο μέγεθος του favicon.ico

1:1

48 × 48 px

Εικονίδιο επιφάνειας εργασίας (Windows)

Υπάρχει στα περισσότερα εικονίδια προγραμμάτων

1:1

256 × 256 px

Προβολή μεγάλων εικονιδίων

Η καλύτερη πηγή για διανυσματοποίηση ή PNG

ICO

Εικονίδιο Windows

Το ICO είναι η μορφή εικονιδίων της Microsoft που χρησιμοποιείται για εικονίδια προγραμμάτων Windows και favicon ιστότοπων. Ένα αρχείο .ico μπορεί να περιέχει πολλές εικόνες σε διαφορετικά μεγέθη, όπως 16×16, 32×32, 48×48 και 256×256 pixel, ώστε το σύστημα να επιλέγει την καταλληλότερη. Κάθε εικόνα μπορεί να αποθηκευτεί ως bitmap ή ως δεδομένα PNG και υποστηρίζει πλήρη διαφάνεια alpha. Το ICO δεν προορίζεται για φωτογραφίες ή μεγάλα γραφικά. Οι browser, τα Windows και τα περισσότερα προγράμματα επεξεργασίας εικονιδίων μπορούν να το διαβάσουν.

Συμπίεση: Χωρίς απώλειες
Διαφάνεια: Ναι
Κινούμενη εικόνα: Όχι
Έτος εισαγωγής: Microsoft

Μετατροπέας ICO

SVG

Scalable Vector Graphics

Το SVG είναι μορφή διανυσμάτων βασισμένη σε XML, που τυποποιήθηκε από το W3C το 2001. Αντί για pixel περιγράφει σχήματα, διαδρομές και κείμενο, οπότε παραμένει καθαρό σε κάθε μέγεθος και συνήθως είναι πολύ μικρό για λογότυπα και εικονίδια. Υποστηρίζει διαφάνεια, στυλ CSS, σενάρια και κινούμενα σχέδια, και κάθε πρόγραμμα περιήγησης το εμφανίζει εγγενώς. Το SVG δεν ενδείκνυται για φωτογραφίες και οι σύνθετες εικονογραφήσεις μπορεί να αργούν να αποδοθούν. Μπορείτε να το ανοίξετε και να το επεξεργαστείτε με Illustrator, Inkscape, Figma και προγράμματα περιήγησης.

Συμπίεση: –
Διαφάνεια: Ναι
Κινούμενη εικόνα: Ναι
Έτος εισαγωγής: 2001 · W3C

Μετατροπέας SVG

Οι άνθρωποι αναζητούν ICO σε SVG όταν ένα εργαλείο σχεδίασης, μια βιβλιοθήκη εικονιδίων ή ένα πρότυπο ιστοσελίδας ζητά SVG και το μοναδικό αντίγραφο ενός λογοτύπου είναι ένα favicon ή ένα εικονίδιο των Windows· συνήθως είναι το πρώτο βήμα προς μια διανυσματοποιημένη εικόνα.

Διανυσματοποίηση εικονιδίου σε πραγματικές διαδρομές SVG

Αν στόχος είναι ένα λογότυπο που κλιμακώνεται, το SVG με ενσωμάτωση είναι το πολύ ένα ενδιάμεσο βήμα. Περάστε το εικονίδιο από τον μετατροπέα εικόνας σε SVG: ακολουθεί τις άκρες των χρωμάτων και τις γράφει ως διαδρομές που μπορείτε να αλλάξετε σε μέγεθος και χρώμα και να κόψετε. Το αποτέλεσμα εξαρτάται από το μέγεθος της πηγής, οπότε μια εικόνα 256 px από εικονίδιο προγράμματος δίνει πολύ καλύτερο αποτέλεσμα από ένα favicon 16 px. Ο οδηγός μας για τη μετατροπή PNG σε SVG εξηγεί πόσα χρώματα να κρατήσετε και πώς να εξομαλύνετε τις καμπύλες.

Αν θέλατε απλώς να χρησιμοποιήσετε το εικονίδιο σε έγγραφο ή πρόγραμμα επεξεργασίας, παραλείψτε εντελώς το SVG και πάρτε τη μεγαλύτερη εικόνα ως PNG με το ICO σε PNG. Για την αντίθετη κατεύθυνση, από διανυσματικό λογότυπο σε favicon πολλών μεγεθών, υπάρχει το SVG σε ICO.

Ερωτήσεις για τη μετατροπή ICO σε SVG

Μπορεί ένα αρχείο ICO να γίνει πραγματικά διανυσματικό SVG;

Όχι με απλή μετατροπή. Ένα ICO περιέχει μόνο bitmap, από 16 × 16 έως 256 × 256 px, επομένως δεν υπάρχουν σχήματα προς μεταφορά. Οι πραγματικές διαδρομές πρέπει να προκύψουν από τα pixel, κάτι που κάνει ο μετατροπέας εικόνας σε SVG.

Ποιο από τα μεγέθη του .ico καταλήγει στο SVG;

Η μεγαλύτερη, γιατί έχει τη μεγαλύτερη λεπτομέρεια. Ένα τυπικό favicon.ico φτάνει έως 32 ή 48 px, ενώ ένα εικονίδιο εφαρμογής των Windows συνήθως περιλαμβάνει έκδοση 256 px.

Θα λειτουργήσει το SVG ως favicon ιστότοπου;

Το Chrome και το Firefox δέχονται favicon SVG, αλλά ένα SVG που περιέχει μόνο ένα bitmap 32 px δεν προσφέρει τίποτα παραπάνω από το ICO από το οποίο ξεκινήσατε. Το favicon SVG αξίζει όταν περιέχει πραγματικές διαδρομές που μένουν καθαρές σε οθόνες υψηλής πυκνότητας.

Γιατί η διανυσματοποίηση ενός favicon δίνει άμορφα σχήματα;

Ένα εικονίδιο 32 px έχει μόλις 1.024 pixel και η διανυσματοποίηση μαντεύει τις καμπύλες από τις άκρες τους. Όσο λιγότερα τα pixel, τόσο πιο αδρή η εικασία. Για καθαρά περιγράμματα, διανυσματοποιήστε την εικόνα 256 px από ένα εικονίδιο των Windows ή βρείτε το αρχικό λογότυπο.

Διατηρείται το διάφανο φόντο του εικονιδίου;

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

Μπορώ να αλλάξω τα χρώματα του εικονιδίου στο Inkscape ή στο Figma μετά;

Όχι ανά σχήμα, επειδή το SVG περιέχει μία ενσωματωμένη εικόνα. Μπορείτε να εφαρμόσετε φίλτρα ή επικαλύψεις σε αυτήν συνολικά· για χρώματα ανά σχήμα, κάντε πρώτα διανυσματοποίηση.