Από τα pixel στις διανυσματικές διαδρομές
Τα αρχεία PNG, JPEG, JPG, WebP, AVIF και BMP αποθηκεύουν ένα πλέγμα pixel. Το SVG αποθηκεύει σχήματα, γεμίσματα και συντεταγμένες που το συμβατό λογισμικό μπορεί να επανασχεδιάσει σε διαφορετικά μεγέθη. Η διανυσματοποίηση αναλύει γειτονικά pixel, ομαδοποιεί οπτικές περιοχές, ακολουθεί τα όριά τους και τα προσεγγίζει με διανυσματικές διαδρομές.
Η αλλαγή ονόματος αρχείου ή η τοποθέτηση μιας εικόνας bitmap μέσα σε αρχείο SVG δεν εκτελεί αυτή την ανακατασκευή. Το VectorizeThis παράγει πραγματική γεωμετρία SVG από το ορατό περιεχόμενο της αρχικής εικόνας.
Η επεξεργασία παραμένει στο πρόγραμμα περιήγησης
Οι υποστηριζόμενες εικόνες αποκωδικοποιούνται, διανυσματοποιούνται, αξιολογούνται και προετοιμάζονται στη συσκευή του χρήστη. Η κανονική διαδικασία μετατροπής δεν μεταφορτώνει τα δεδομένα της αρχικής εικόνας σε διακομιστή μετατροπής. Αυτή η τοπική επεξεργασία επιτρέπει επίσης τη σύγκριση πολλών πιθανών αποτελεσμάτων χωρίς αναμονή επικοινωνίας με διακομιστή για κάθε αλλαγή.
Σύγκριση υποψήφιων διανυσματοποιήσεων
Δεν υπάρχει μία ρύθμιση διανυσματοποίησης που να υπερέχει για κάθε εικόνα. Ένα επίπεδο εικονίδιο και μια φωτογραφία περιέχουν διαφορετικές πληροφορίες, ενώ ένα αρχείο κοπής έχει διαφορετικές απαιτήσεις από μια εικονογράφηση για τον ιστό.
Για γραφικά, συγκρίνονται έξι μονόχρωμες μέθοδοι ή 10, 16, 18 ή 20 έγχρωμα υποψήφια αποτελέσματα σε έως τέσσερα υποστηριζόμενα προφίλ παλέτας. Όταν παραμένουν πολλά χρήσιμα αποτελέσματα, επιλέγετε πρώτα παλέτα και έπειτα SVG. Η Φωτογραφία και η Σύνθετη εικονογράφηση διατηρούν τον ειδικό μηχανισμό βελτιστοποίησής τους. Οι χρήσεις κατασκευής διατηρούν τις φυσικές διαστάσεις και τους ελέγχους γεωμετρίας, με απενεργοποιημένο SVGO. Η τεκμηρίωση αυτόματης επιλογής εξηγεί τη διαδικασία.
Επομένως, «καλύτερο αποτέλεσμα» σημαίνει το υποψήφιο αποτέλεσμα με την καλύτερη συνολική ισορροπία για τη συγκεκριμένη εικόνα και χρήση. Δεν σημαίνει απλώς το αποτέλεσμα με την υψηλότερη βαθμολογία ομοιότητας pixel ή το μικρότερο αρχείο.
Η χρήση αλλάζει τις προτεραιότητες
- Ιστός, λογότυπα και εικονίδια δίνουν προτεραιότητα στην καθαρή εμφάνιση, στα επεξεργάσιμα χρώματα και στον αποδοτικό κώδικα.
- Φωτογραφίες και σύνθετες εικονογραφήσεις διατηρούν περισσότερα χρώματα και λεπτομέρειες, κάτι που μπορεί να απαιτεί περισσότερες διαδρομές.
- Cricut, βινύλιο, λέιζερ και CNC δίνουν μεγαλύτερη βαρύτητα στην πρακτική γεωμετρία, στις κλειστές περιοχές, στις κατάλληλες φυσικές διαστάσεις και στις προειδοποιήσεις για σχήματα που ίσως είναι δύσκολο να κατασκευαστούν.
- Αυτόματη χρήση εξισορροπεί τη γενική οπτική πιστότητα με ένα διαχειρίσιμο αποτέλεσμα όταν ο τελικός προορισμός δεν είναι ακόμη γνωστός.
Οι έλεγχοι κατασκευής μπορούν να εντοπίσουν πιθανά προβλήματα, αλλά δεν καλύπτουν κάθε μηχάνημα, υλικό, λεπίδα, πλάτος κοπής, ρύθμιση εισαγωγής ή ειδικό κανόνα εφαρμογής.
Προετοιμασία και έλεγχος του SVG
Μετά τη διανυσματοποίηση, το VectorizeThis προετοιμάζει το SVG για συμβατότητα με προγράμματα περιήγησης και εφαρμογές επεξεργασίας, αφαιρεί περιττό κώδικα και εφαρμόζει τις επιλεγμένες ρυθμίσεις εξόδου. Μπορεί να εμφανίσει μια μικρή παλέτα για αλλαγή χρωμάτων, να χρησιμοποιήσει currentColor, να αφαιρέσει εντοπισμένο φόντο, να περικόψει στο ουσιαστικό περιεχόμενο και να μορφοποιήσει τον κώδικα όταν ζητηθεί.
Το αποτέλεσμα μπορεί επίσης να ελεγχθεί για υπερβολική πολυπλοκότητα, μικρές απομονωμένες περιοχές, ανοιχτές διαδρομές και άλλες συνθήκες σχετικές με την επιλεγμένη χρήση. Μια προειδοποίηση είναι πληροφορία προς έλεγχο· δεν αποδεικνύει ότι το αρχείο θα αποτύχει.
Όρια της αυτόματης διανυσματοποίησης
Καθαρά γραφικά επαρκούς μεγέθους με σαφή όρια συνήθως παράγουν απλούστερες και πιστότερες διαδρομές. Ο θόρυβος, οι ατέλειες JPEG, η θόλωση, οι διαβαθμίσεις, η διαφάνεια, η λεπτή υφή και τα επικαλυπτόμενα χρώματα μπορεί να απαιτούν ερμηνεία. Ένα διανυσματοποιημένο SVG δεν μπορεί να ανακτήσει λεπτομέρεια που απουσίαζε από την αρχική εικόνα και ενδέχεται να μην αναπαράγει τις αρχικές επιλογές κατασκευής του σχεδιαστή.
Η προεπισκόπηση δίπλα δίπλα και οι μη αυτόματες ρυθμίσεις υπάρχουν επειδή η οπτική κρίση του χρήστη παραμένει σημαντική. Δοκιμάστε τα αρχεία κατασκευής στο λογισμικό και στο υλικό προορισμού πριν ξεκινήσετε την παραγωγή.
Πώς ελέγχονται οι αλλαγές
Οι αλλαγές στη λογική διανυσματοποίησης και κατάταξης ελέγχονται με αντιπροσωπευτικές εικόνες που καλύπτουν εικονίδια, λογότυπα, γραμμικά σχέδια, πολλά χρώματα, εικόνες χαμηλής ανάλυσης, φωτογραφίες και παραδείγματα για κατασκευές. Οι αυτοματοποιημένες δοκιμές προστατεύουν σημαντικές λειτουργίες του προγράμματος περιήγησης και κανόνες εξόδου, ενώ οι συγκρίσεις αναφοράς βοηθούν στον εντοπισμό υποβάθμισης ποιότητας πριν από τη δημοσίευση.
Πώς δημιουργείται το τεχνικό περιεχόμενό μας
Οι τεχνικές εξηγήσεις στο VectorizeThis βασίζονται στην πραγματική συμπεριφορά του μετατροπέα, σε δοκιμές με αντιπροσωπευτικές αρχικές εικόνες και σε πρωτογενείς προδιαγραφές όπως η προδιαγραφή SVG του W3C. Οι σελίδες αναθεωρούνται όταν αλλάζει ουσιαστικά η συμπεριφορά του μετατροπέα.
Το VectorizeThis δημιουργήθηκε από τον Maxime Desrosiers. Για να αναφέρετε αποτέλεσμα που δεν συμπεριφέρεται όπως περιμένατε, χρησιμοποιήστε την Αποστολή σχολίων στον μετατροπέα ή επισκεφτείτε τη σελίδα Επικοινωνία.