Πώς να μετατρέψετε εικόνες JPG και PNG σε SVG

Δοκιμάστε Το Όργανο Μας Για Την Εξάλειψη Των Προβλημάτων

Οι παραδοσιακές μορφές εικόνας όπως JPG, PNG ή GIF είναι πολύ δημοφιλείς, αλλά έχουν μειονεκτήματα που καθιστούν τη χρήση τους λιγότερο από ιδανική για ορισμένες εφαρμογές.

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

Ίσως χρειαστεί να εμφανίσετε την εικόνα και σε διαφορετικά μεγέθη, για παράδειγμα ως μικρογραφία στη σελίδα ευρετηρίου ενός ιστολογίου και ως εικόνα πλήρους ανάλυσης στο συνδεδεμένο άρθρο.

Ενώ μπορείτε να δημιουργήσετε διαφορετικές εκδόσεις μιας μεμονωμένης εικόνας, ώστε να επιλεγεί η πιο κατάλληλη, αυτό σημαίνει ότι χρειάζεστε περισσότερο χώρο αποθήκευσης για αυτό μεταξύ άλλων.

Η μορφή εικόνας SVG είναι διανυσματική μορφή. Αυτό σημαίνει ότι το μέγεθός του μπορεί να μειωθεί ή να αυξηθεί χωρίς απώλεια ποιότητας (επεκτάσιμη). Αυτό είναι υπέροχο εάν πρέπει να εμφανίσετε την εικόνα σε πολλά μέρη χρησιμοποιώντας διαφορετικές αναλύσεις.

Άλλα πλεονεκτήματα του SVG είναι ότι το μέγεθός του είναι συνήθως πολύ μικρότερο και ότι δίνει στους webmasters κάποια ευελιξία όσον αφορά την πραγματοποίηση αλλαγών σε αυτό, καθώς ορισμένα μπορούν να γίνουν απευθείας στο CSS.

Ένα παράδειγμα: Terence Eden αναδημιουργήθηκε τα λογότυπα δημοφιλών εταιρειών Διαδικτύου όπως το Twitter, το Amazon, το WhatsApp, το YouTube ή το Reddit στο SVG. Το μέγεθος των λογότυπων μειώθηκε σε λιγότερο από 1 Kilobyte, μερικές φορές τόσο χαμηλό όσο 200 bytes. Το λογότυπο Twitter σε μορφή PNG, για παράδειγμα, έχει μέγεθος 20 Kilobytes, η έκδοση SVG μέγεθος 397 byte.

Το SVG είναι μια καλή μορφή για λογότυπα και εικονίδια, αλλά δεν είναι πραγματικά κατάλληλο για φωτογραφίες και άλλους τύπους εικόνων που εμφανίζουν πολλά διαφορετικά αντικείμενα.

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

convert image to svg

Αυτός ο οδηγός επικεντρώνεται σε εφαρμογές που μπορείτε να χρησιμοποιήσετε για να μετατρέψετε εικόνες σε SVG απευθείας. Αυτό δεν είναι ένα σεμινάριο για τη χρήση εφαρμογών που έχουν σχεδιαστεί για τη δημιουργία διανυσματικών γραφικών από το μηδέν. Μπορείτε να χρησιμοποιήσετε επεξεργαστές διανυσματικών γραφικών όπως το Adobe Illustrator (το δικό μας δεν υπάρχουν σύνδεσμοι προς την πολιτική της Adobe εξακολουθεί να στέκεται), Inkscape , ή Κλήρωση LibreOffice γι'αυτό.

Κλήρωση LibreOffice

Για Windows

Κατεβάστε τώρα

Υπάρχουν πολλές δωρεάν μετατροπές που μπορείτε να εκτελέσετε στο διαδίκτυο, αλλά είναι αρκετά περιορισμένες όσον αφορά τη διαδικασία μετατροπής. Παρόλο που μπορεί να επαρκούν για τη μετατροπή ενός απλού λογότυπου που είναι διαθέσιμο ως png ή jpg σε svg, τα αποτελέσματα δεν είναι εξαιρετικά καλά τις περισσότερες φορές.

Δείτε πώς αξιολόγησα τις υπηρεσίες: Κατέβασα το λογότυπο Ghacks και δοκίμασα τις μετατροπές σε αρκετές δεκάδες μετατροπείς SVG. Κρίνω το αποτέλεσμα και απορρίπτω οποιαδήποτε υπηρεσία που δεν απέδωσε καλά αποτελέσματα.

  • Μετατροπή - Η υπηρεσία λαμβάνει ένα τοπικό αρχείο ή μια διεύθυνση URL ως είσοδο. Η μόνη επιλογή που παρέχει είναι να αλλάξετε την ανάλυση της εικόνας. Η εικόνα που προέκυψε έμοιαζε με το λογότυπο Ghacks, αλλά το μέγεθός της ήταν σχεδόν διπλάσιο από το μέγεθος της έκδοσης PNG του λογότυπου.
  • Διάνυσμα μαγεία - Διατίθεται ως ηλεκτρονικός μετατροπέας και πρόγραμμα επιτραπέζιου υπολογιστή για Windows. Ωστόσο, δεν είναι δωρεάν (στο διαδίκτυο κοστίζει 7,95 $ το μήνα, έκδοση για επιτραπέζιους υπολογιστές μια εφάπαξ πληρωμή 295 $). Τα αποτελέσματα της διαδικτυακής έκδοσης είναι εξαιρετικά, ωστόσο, έχετε πολλές επιλογές για επεξεργασία ή τροποποίηση ρυθμίσεων, καθώς και παράλληλη προβολή της αρχικής εικόνας και του αντιγράφου svg.
  • Διάνυσμα - Μια άλλη δωρεάν υπηρεσία. Αυτό έρχεται με έναν οδηγό που μπορείτε να επιλέξετε τις καλύτερες παραμέτρους εξόδου (θαμπάδα, χρώματα) ή μπορείτε να τις ορίσετε απευθείας. Τα αποτελέσματα ήταν καλά με κάποια τροποποίηση και το μέγεθος της εικόνας που προέκυψε ήταν ένα τρίτο μικρότερο από το αρχικό λογότυπο PNG.

Διάνυσμα μαγεία

Για Windows

Κατεβάστε τώρα

Τώρα εσύ: Γνωρίζετε άλλη διαδικτυακή υπηρεσία ή πρόγραμμα για τη μετατροπή εικόνων σε μορφή SVG;