Το SVGcode είναι μια νέα Προοδευτική εφαρμογή Ιστού που μπορεί να μετατρέψει αυτόματα εικόνες ράστερ (όπως JPEG και PNG) σε αρχεία γραφικών SVG.
Υπάρχουν δύο διαφορετικές κατηγορίες εικόνων που βλέπετε συνήθως στον Ιστό. Οι εικόνες ράστερ (όπως JPG, PNG, WebP και ούτω καθεξής) είναι μια σειρά pixel με σταθερή ανάλυση, ενώ οι διανυσματικές εικόνες (όπως το SVG) χρησιμοποιούν διάφορες γραμμές και σχήματα. Τα διανυσματικά γραφικά είναι δημοφιλή για λογότυπα και άλλες απλές εικόνες, επειδή δεν φαίνονται τρομερά σε υψηλές αναλύσεις (ή με μεγέθυνση), αλλά μπορεί να απαιτούν ένταση για τη δημιουργία τους από την αρχή. Τώρα υπάρχει μια εύχρηστη εφαρμογή Ιστού για τη δημιουργία SVG από τυπικές εικόνες: SVGcode.
Το SVGcode είναι μια νέα εφαρμογή Progressive Web που δημιουργήθηκε από τον Thomas Steiner, έναν Μηχανικό Σχέσεων Προγραμματιστή που εργάζεται στην Google (αν και ο ίδιος ο SVGcode δεν είναι προϊόν της Google). Μόλις το ανοίξετε στο πρόγραμμα περιήγησής σας στο svgco.de, μπορείτε να ανοίξετε μια εικόνα από τον υπολογιστή σας και θα "σχεδιαστεί" αυτόματα ως SVG. Οι περισσότερες εικόνες απαιτούν ορισμένες προσαρμογές για να δημιουργήσουν ένα SVG με αξιοπρεπή εμφάνιση, αλλά είναι μια εντυπωσιακή εφαρμογή Ιστού και θα μπορούσε να σας φανεί χρήσιμη εάν θέλετε να δημιουργήσετε μια πιο καθαρή διανυσματική έκδοση ενός λογότυπου ράστερ.
Το SVGcode υποστηρίζεται από μερικά από τα νεότερα API που έχουν προσθέσει προγράμματα περιήγησης ιστού όπως το Chromium και το Firefox. Η βασική λειτουργικότητα σχεδίασης βασίζεται στο Έργο Potrace, το οποίο μετατράπηκε σε κώδικα Συνέλευσης Ιστού για αυτήν την εφαρμογή Ιστού. Το SVGCode μπορεί να αντιγράψει το ολοκληρωμένο αρχείο στο πρόχειρό σας (με το Async Clipboard API), εμφανίζεται ως επιλογή στη διαχείριση αρχείων του υπολογιστή σας όταν κάνετε δεξί κλικ σε μια εικόνα (με το File Handling API) και ανοίξτε/αποθηκεύστε αρχεία από τη συσκευή σας (χρησιμοποιώντας το API πρόσβασης συστήματος αρχείων). Χρησιμοποιεί ακόμη και το νέο API επικάλυψης στοιχείων ελέγχου παραθύρου για να αποκρύψετε τη γραμμή τίτλου του συστήματος όταν είναι εγκατεστημένη, κάνοντάς την να μοιάζει λίγο περισσότερο με εγγενή εφαρμογή.
Μπορείτε να διαβάσετε περισσότερα σχετικά με τη διαδικασία ανάπτυξης του SVGcode στο μια ανάρτηση ιστολογίου στο ιστολόγιο ανάπτυξης ιστού της Google. Δεδομένου ότι είναι PWA, μπορείτε να χρησιμοποιήσετε και να εγκαταστήσετε τον SVGcode σε οτιδήποτε με ένα σύγχρονο πρόγραμμα περιήγησης ιστού.