Μετατροπή WebP σε SVG
Το WebP αποτελείται από pixel και το SVG από σχήματα, οπότε δεν υπάρχει μετατροπή χωρίς απώλειες από το ένα στο άλλο. Αυτή η σελίδα ανιχνεύει το WebP σας και το μετατρέπει σε πραγματικές διανυσματικές διαδρομές, που μπορείτε να μεγεθύνετε, να χρωματίσετε ξανά και να κόψετε. Λειτουργεί καλύτερα σε λογότυπα, εικονίδια και επίπεδες εικονογραφήσεις.
Εικόνα σε SVG
ή σύρετε Αρχεία JPG, JPEG, JFIF … εδώ ·
Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά
Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.
Υψηλότερη τιμή κρατά μικρές κουκκίδες και λεπτή υφή· χαμηλότερη αφαιρεί σχήματα μικρότερα από λίγα pixel και καθαρίζει τον θόρυβο.
Υψηλότερη τιμή στρογγυλεύει τις οδοντωτές άκρες από είσοδο χαμηλής ανάλυσης ή JPG· χαμηλότερη κρατά τις αιχμηρές γωνίες.
Ομαλές καμπύλες για τις περισσότερες εικόνες, ευθύγραμμα τμήματα για γεωμετρικά λογότυπα, άκρες pixel για να μείνει το pixel art τετραγωνισμένο.
Μόνο για είσοδο PDF: ποιες σελίδες θα μετατραπούν, π.χ. 1 ή 1-3, 5. Κάθε σελίδα γίνεται ξεχωριστό αρχείο.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- 1
Ανεβάστε το WebP
Προσθέστε ένα λογότυπο, ένα εικονίδιο ή ένα αυτοκόλλητο που αποθηκεύσατε από κάποια ιστοσελίδα, έως 20 αρχεία των 95 MB το καθένα. Οι μεγαλύτερες και καθαρότερες εικόνες προέλευσης δίνουν καλύτερο αποτέλεσμα.
- 2
Ορίστε τον αριθμό χρωμάτων
Ο Αριθμός χρωμάτων ξεκινά από το 12, αρκετό για τα περισσότερα λογότυπα. Μειώστε τον για σήμα δύο χρωμάτων ή ορίστε τη Λειτουργία χρώματος σε Ασπρόμαυρο για αρχείο κοπής ενός χρώματος.
- 3
Διανυσματοποίηση σε SVG
Πατήστε Διανυσματοποίηση σε SVG και κατεβάστε τα αρχεία. Ανοίξτε τα στο Inkscape, στο Illustrator, στο Figma ή στο Cricut Design Space για να ελέγξετε τα σχήματα.
Μπορεί πράγματι να γίνει μετατροπή WebP σε SVG;
Μόνο με διανυσματοποίηση. Το WebP αποθηκεύει pixel, το SVG αποθηκεύει σχήματα. Αυτό το εργαλείο ξανασχεδιάζει τα χρώματα του WebP ως διανυσματικές διαδρομές· ό,τι απλώς μετονομάζει το αρχείο ή ενσωματώνει την εικόνα δίνει SVG που εξακολουθεί να θολώνει όταν μεγεθύνεται.
Μετατροπή WebP σε SVG: ανίχνευση ή ενσωμάτωση
Το WebP, που κυκλοφόρησε η Google το 2010, είναι μορφή raster: ένα πλέγμα από έγχρωμα pixel συμπιεσμένο για γρήγορη παράδοση στο web. Το SVG, πρότυπο του W3C από το 2001, περιγράφει γραμμές, καμπύλες και γεμίσματα ως κείμενο. Η μετατροπή της πρώτης μορφής στη δεύτερη γίνεται με δύο πολύ διαφορετικούς τρόπους και οι περισσότεροι δωρεάν μετατροπείς επιλέγουν αυτόν που δεν σας βοηθά.
Η ενσωμάτωση γράφει ένα SVG που περιέχει το WebP ως κείμενο base64. Το base64 διογκώνει την εικόνα κατά περίπου το ένα τρίτο και το αποτέλεσμα παραμένει bitmap με διανυσματική ετικέτα. Η διανυσματοποίηση, η μέθοδος που χρησιμοποιείται εδώ και στη λειτουργία Trace Bitmap του Inkscape, η οποία βασίζεται στον αλγόριθμο Potrace, διαβάζει περιοχές χρώματος και τις γράφει ως διαδρομές. Το αποτέλεσμα είναι πραγματικά κλιμακούμενο και επεξεργάσιμο, με αντίτιμο τις λεπτές λεπτομέρειες. Ο οδηγός μας για την εικόνα σε SVG εξηγεί κάθε ρύθμιση.
Ανιχνευμένο SVG ή ενσωματωμένο WebP: τι κάνει το καθένα
| SVG με διανυσματοποίηση | SVG που περιέχει το WebP | Αρχικό WebP | |
|---|---|---|---|
| Καθαρό σε κάθε μεγέθυνση | yes | no | no |
| Επεξεργάσιμα σχήματα στο Illustrator ή στο Inkscape | yes | no | no |
| Χρήση ως διαδρομές κοπής για Cricut ή λέιζερ | yes | no | no |
| Διατηρεί τη λεπτομέρεια φωτογραφίας | no | yes | yes |
| Τυπικό μέγεθος αρχείου | Αυξάνεται με τη λεπτομέρεια | Περίπου ⅓ μεγαλύτερο από το WebP | Το μικρότερο |
Αποκωδικοποίηση του WebP
Διαβάζονται τα pixel και το κανάλι άλφα· οι διαφανείς περιοχές παραμερίζονται.
Ομαδοποίηση χρωμάτων
Παρόμοια pixel συγχωνεύονται στον Αριθμό χρωμάτων που επιλέξατε.
Σχεδίαση διαδρομών
Κάθε περιοχή χρώματος γίνεται εξομαλυμένες καμπύλες, γραμμένες σε βελτιστοποιημένο SVG.
WEBP
Εικόνα WebP
Το WebP είναι μορφή εικόνας που κυκλοφόρησε η Google το 2010 για να φορτώνουν πιο γρήγορα οι ιστοσελίδες. Υποστηρίζει συμπίεση με και χωρίς απώλειες, διαφάνεια άλφα και animation σε μία μορφή. Τα αρχεία WebP με απώλειες είναι συνήθως 25–35% μικρότερα από JPEG παρόμοιας οπτικής ποιότητας και το WebP χωρίς απώλειες είναι συνήθως μικρότερο από το PNG. Το υποστηρίζουν όλα τα σημερινά προγράμματα περιήγησης, αλλά ορισμένο παλαιότερο λογισμικό επιτραπέζιου υπολογιστή, υπηρεσίες εκτύπωσης και φόρμες μεταφόρτωσης εξακολουθούν να το απορρίπτουν. Τα Windows, το macOS και τα περισσότερα σύγχρονα προγράμματα επεξεργασίας εικόνας ανοίγουν αρχεία WebP.
- Συμπίεση
- Με ή χωρίς απώλειες
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Ναι
- Έτος εισαγωγής
- 2010 · Google
SVG
Scalable Vector Graphics
Το SVG είναι μορφή διανυσμάτων βασισμένη σε XML, που τυποποιήθηκε από το W3C το 2001. Αντί για pixel περιγράφει σχήματα, διαδρομές και κείμενο, οπότε παραμένει καθαρό σε κάθε μέγεθος και συνήθως είναι πολύ μικρό για λογότυπα και εικονίδια. Υποστηρίζει διαφάνεια, στυλ CSS, σενάρια και κινούμενα σχέδια, και κάθε πρόγραμμα περιήγησης το εμφανίζει εγγενώς. Το SVG δεν ενδείκνυται για φωτογραφίες και οι σύνθετες εικονογραφήσεις μπορεί να αργούν να αποδοθούν. Μπορείτε να το ανοίξετε και να το επεξεργαστείτε με Illustrator, Inkscape, Figma και προγράμματα περιήγησης.
- Συμπίεση
- –
- Διαφάνεια
- Ναι
- Κινούμενη εικόνα
- Ναι
- Έτος εισαγωγής
- 2001 · W3C
Οι άνθρωποι αναζητούν WebP σε SVG όταν ένα λογότυπο ή εικονίδιο που αποθήκευσαν από μια ιστοσελίδα πρέπει να γίνει κλιμακούμενο, επεξεργάσιμο ή κατάλληλο για κοπή, κάτι που το δίνει μόνο η διανυσματοποίηση· η αντίθετη κατεύθυνση είναι μια απλή μετατροπή σε pixel για το web.
Καθαρό SVG από WebP που αποθηκεύσατε από ιστότοπο
Τα περισσότερα WebP που θέλουν οι άνθρωποι ως διανύσματα κατέβηκαν από κάποιον ιστότοπο, δηλαδή προσαρμόστηκαν για μια σελίδα και συμπιέστηκαν με απώλειες. Ο θόρυβος της συμπίεσης γύρω από τις άκρες γίνεται μικροσκοπικά αδέσποτα σχήματα και οι μικρές εικόνες δίνουν στον αλγόριθμο πολύ λίγα pixel για να βρει ομαλή καμπύλη. Ξεκινήστε από το μεγαλύτερο αντίγραφο που βρίσκετε· η σελίδα τύπου ή επωνυμίας του ιστότοπου προσφέρει συχνά μεγαλύτερη έκδοση ή το αρχικό SVG.
Κρατήστε την Εξομάλυνση κοντά στην προεπιλογή για λογότυπα με καμπύλες και ορίστε τις Καμπύλες σε Ευθείες γραμμές για γεωμετρικά σήματα με ευθείες άκρες. Μετά τη διανυσματοποίηση, διαγράψτε τα υπολειπόμενα στίγματα στον επεξεργαστή σας. Αν χρειαζόσασταν την εικόνα μόνο για να ανοίγει κάπου και όχι για κλιμάκωση, το WebP σε PNG είναι ο πιο γρήγορος και ακριβής δρόμος.
Ερωτήσεις για τη μετατροπή WebP σε SVG
Γιατί άλλοι μετατροπείς WebP σε SVG μου δίνουν θολό αρχείο;
Πολλά από αυτά τοποθετούν το WebP μέσα σε ένα SVG ως ενσωματωμένη εικόνα και αλλάζουν την επέκταση. Το αρχείο ανοίγει ως SVG, αλλά παραμένει pixel, οπότε θολώνει όταν μεγεθύνεται και δεν περιέχει επεξεργάσιμα σχήματα. Ανοίξτε το αρχείο σε έναν επεξεργαστή κειμένου: μια μεγάλη συμβολοσειρά data:image σημαίνει ότι δεν έγινε διανυσματοποίηση.
Μπορώ να μετατρέψω μια φωτογραφία WebP σε SVG;
Μπορείτε, αλλά το αποτέλεσμα μοιάζει με αφίσα: οι ομαλές διαβαθμίσεις και οι τόνοι του δέρματος γίνονται επίπεδες ζώνες χρώματος. Οι φωτογραφίες ανήκουν στις ψηφιακές μορφές εικόνας (raster). Κρατήστε τη φωτογραφία ως WebP, JPG ή PNG και διανυσματοποιήστε μόνο το λογότυπο, το περίγραμμα ή την εικονογράφηση που χρειάζεστε πραγματικά.
Θα μείνει διάφανο το διάφανο φόντο του WebP μου;
Ναι. Τα διαφανή pixel δεν παράγουν σχήματα, οπότε το SVG δεν έχει τίποτα πίσω από το σχέδιο. Συνήθως αυτό ακριβώς θέλετε για ένα αυτοκόλλητο ή ένα λογότυπο που τοποθετείται σε έγχρωμα φόντα.
Με πόσα χρώματα να ανιχνεύσω ένα λογότυπο WebP;
Μετρήστε τα επίπεδα χρώματα που βλέπετε και προσθέστε δύο ή τρία για τις εξομαλυμένες άκρες. Ένα λογότυπο δύο χρωμάτων βγαίνει καθαρό με 4, ενώ μια εικονογράφηση μασκότ μπορεί να χρειαστεί 16 έως 24. Πολλά χρώματα δημιουργούν λεπτά κομματάκια σχήματος σε κάθε άκρη.
Μπορώ να χρησιμοποιήσω το SVG σε Cricut ή κόφτη λέιζερ;
Ναι, είναι ένας από τους βασικούς λόγους για διανυσματοποίηση. Το Cricut Design Space εισάγει το SVG ως ξεχωριστά επίπεδα για κάθε χρώμα και το λογισμικό λέιζερ διαβάζει τις διαδρομές ως γραμμές κοπής ή χάραξης. Χρησιμοποιήστε Ασπρόμαυρο με Μόνο περιγράμματα όταν χρειάζεστε μία γραμμή κοπής.
Γιατί το SVG μου φαίνεται ανώμαλο σε σύγκριση με το αρχικό λογότυπο;
Τα WebP χαμηλής ανάλυσης από ιστοσελίδες έχουν συχνά πλάτος μόλις 100 έως 200 px, οπότε ο αλγόριθμος μαντεύει καμπύλες από λίγα pixel. Βρείτε μεγαλύτερο αντίγραφο του λογότυπου ή μεγεθύνετέ το πρώτα με την αύξηση μεγέθους εικόνας και ξαναδοκιμάστε.
- Μετατροπή PNG σε SVG δωρεάνΜετατροπή PNG σε SVG δωρεάν, χωρίς λογαριασμό: λογότυπα και εικονίδια σε κλιμακούμενες διαδρομές. Έγχρωμο, γκρι ή ασπρόμαυρο, με όσα χρώματα θέλετε.
- Μετατροπή JPG σε SVGΜετατρέψτε JPG σε SVG με ανίχνευση της εικόνας σε επεξεργάσιμα διανυσματικά σχήματα, όχι περιτύλιγμα pixel. Ρυθμίστε χρώματα, εξομάλυνση, φόντο.
- Μετατροπή AVIF σε SVGΒάλτε μια εικόνα AVIF μέσα σε αρχείο SVG για εργαλεία που δέχονται μόνο SVG και δείτε πότε χρειάζεται ανίχνευση. Έως 20 αρχεία, διαγραφή σε 30 λεπτά.
- Μετατροπή φωτογραφίας σε SVGΜετατρέψτε φωτογραφία σε SVG για στένσιλ, χάραξη laser, αυτοκόλλητα βινυλίου και μεταξοτυπία. Λίγα επίπεδα χρώματα, ομαλές καμπύλες, χωρίς φόντο.
- Μετατροπή WebP σε PNGΜετατρέψτε WebP σε PNG χωρίς απώλεια διαφάνειας. Λογότυπα και αυτοκόλλητα κρατούν τις διάφανες άκρες· από κινούμενο WebP, το πρώτο ή όλα τα καρέ.
- Μετατροπή SVG σε WebPΜετατρέψτε SVG σε WebP στο πλάτος της σελίδας σας, με διαφάνεια. Με ή χωρίς απώλειες, για WordPress, social και βαριές εικονογραφήσεις.