UltKit
Εικόνα11
PDF13
Έγγραφα και δεδομένα7
Βίντεο6
Ήχος4
Περισσότερα εργαλεία22

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

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

Εικόνα σε SVG

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

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

Αποτέλεσμα
12

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

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

  1. 1

    Ανεβάστε το WebP

    Προσθέστε ένα λογότυπο, ένα εικονίδιο ή ένα αυτοκόλλητο που αποθηκεύσατε από κάποια ιστοσελίδα, έως 20 αρχεία των 95 MB το καθένα. Οι μεγαλύτερες και καθαρότερες εικόνες προέλευσης δίνουν καλύτερο αποτέλεσμα.

  2. 2

    Ορίστε τον αριθμό χρωμάτων

    Ο Αριθμός χρωμάτων ξεκινά από το 12, αρκετό για τα περισσότερα λογότυπα. Μειώστε τον για σήμα δύο χρωμάτων ή ορίστε τη Λειτουργία χρώματος σε Ασπρόμαυρο για αρχείο κοπής ενός χρώματος.

  3. 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
Καθαρό σε κάθε μεγέθυνσηyesnono
Επεξεργάσιμα σχήματα στο Illustrator ή στο Inkscapeyesnono
Χρήση ως διαδρομές κοπής για Cricut ή λέιζερyesnono
Διατηρεί τη λεπτομέρεια φωτογραφίαςnoyesyes
Τυπικό μέγεθος αρχείουΑυξάνεται με τη λεπτομέρειαΠερίπου ⅓ μεγαλύτερο από το WebPΤο μικρότερο
  1. Αποκωδικοποίηση του WebP

    Διαβάζονται τα pixel και το κανάλι άλφα· οι διαφανείς περιοχές παραμερίζονται.

  2. Ομαδοποίηση χρωμάτων

    Παρόμοια pixel συγχωνεύονται στον Αριθμό χρωμάτων που επιλέξατε.

  3. Σχεδίαση διαδρομών

    Κάθε περιοχή χρώματος γίνεται εξομαλυμένες καμπύλες, γραμμένες σε βελτιστοποιημένο SVG.

WEBP

Εικόνα WebP

Το WebP είναι μορφή εικόνας που κυκλοφόρησε η Google το 2010 για να φορτώνουν πιο γρήγορα οι ιστοσελίδες. Υποστηρίζει συμπίεση με και χωρίς απώλειες, διαφάνεια άλφα και animation σε μία μορφή. Τα αρχεία WebP με απώλειες είναι συνήθως 25–35% μικρότερα από JPEG παρόμοιας οπτικής ποιότητας και το WebP χωρίς απώλειες είναι συνήθως μικρότερο από το PNG. Το υποστηρίζουν όλα τα σημερινά προγράμματα περιήγησης, αλλά ορισμένο παλαιότερο λογισμικό επιτραπέζιου υπολογιστή, υπηρεσίες εκτύπωσης και φόρμες μεταφόρτωσης εξακολουθούν να το απορρίπτουν. Τα Windows, το macOS και τα περισσότερα σύγχρονα προγράμματα επεξεργασίας εικόνας ανοίγουν αρχεία WebP.

Συμπίεση
Με ή χωρίς απώλειες
Διαφάνεια
Ναι
Κινούμενη εικόνα
Ναι
Έτος εισαγωγής
2010 · Google
Μετατροπέας WEBP

SVG

Scalable Vector Graphics

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

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

Οι άνθρωποι αναζητούν 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. Βρείτε μεγαλύτερο αντίγραφο του λογότυπου ή μεγεθύνετέ το πρώτα με την αύξηση μεγέθους εικόνας και ξαναδοκιμάστε.