IMG.DIY / Πρόσθετα / Εικόνα σε SVG

Εικόνα σε SVG

Μετατρέψτε ένα επίπεδο λογότυπο, εικονίδιο ή γραμμικό σχέδιο σε κλιμακούμενο SVG — ιχνηλατημένο τοπικά στον περιηγητή σας.

Εικόνα σε SVG visual example
Το απόρρητο πάνω απ' όλα: τίποτα δεν ανεβαίνει.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Εικόνα σε SVG: 1 · Choose input
1 · Choose input
Εικόνα σε SVG: 2 · Adjust and process
2 · Adjust and process
Εικόνα σε SVG: 3 · Download result
3 · Download result

Έχετε ένα λογότυπο ή εικονίδιο που υπάρχει μόνο ως μικρό PNG και το χρειάζεστε ευκρινές σε οποιοδήποτε μέγεθος; Αυτό το εργαλείο ιχνηλατεί την εικόνα σε SVG — ένα διάνυσμα από σχήματα και διαδρομές που κλιμακώνεται σε κάθε μέγεθος χωρίς να θολώνει. Επιλέξτε στιλ από επίπεδο έως λεπτομερές και κατεβάστε το SVG.

Η ιχνηλάτηση εκτελείται στον περιηγητή σας με τη μηχανή imagetracer, οπότε τίποτα δεν μεταφορτώνεται. Ας είμαστε ειλικρινείς για τα όρια: λάμπει σε επίπεδα λογότυπα, εικονίδια και γραμμικά σχέδια. Οι φωτογραφίες θα ιχνηλατηθούν επίσης, αλλά παράγουν τεράστια, «θολά» αρχεία — για φωτογραφίες χρειάζεστε μορφή raster, όχι SVG.

Οδηγίες χρήσης

  1. Προσθέστε μια εικόναΑποθέστε ένα λογότυπο, εικονίδιο ή σκίτσο PNG ή JPG.
  2. Επιλέξτε στιλΕπίπεδο/λογότυπο, λεπτομερές, αφισοποιημένο ή ασπρόμαυρο — η προεπισκόπηση ενημερώνεται ζωντανά.
  3. Κατεβάστε το SVGΑποθηκεύστε το διάνυσμα, έτοιμο να κλιμακωθεί σε οποιοδήποτε μέγεθος.

Αυτό το εργαλείο ιχνηλατεί μια εικόνα raster — PNG ή JPG — σε διανυσματικό SVG, απευθείας στον περιηγητή σας. Διαβάζει την εικόνα από ένα canvas στο δικό σας μηχάνημα και χρησιμοποιεί τη μηχανή imagetracer για να βρει τα σχήματα μέσα της, σχεδιάζοντας διανυσματικές διαδρομές γύρω από κάθε χρωματική περιοχή. Το νόημα είναι ότι ένα SVG αποτελείται από γεωμετρία, όχι από pixel, οπότε παραμένει τέλεια ευκρινές είτε είναι favicon είτε γιγαντοαφίσα, ενώ ένα PNG θολώνει τη στιγμή που το μεγεθύνετε. Ρίχνετε μέσα μια εικόνα, επιλέγετε ένα προκαθορισμένο στιλ, συγκρίνετε την προεπισκόπηση πριν/μετά και κατεβάζετε το SVG.

Είναι πραγματικά καλό σε επίπεδη είσοδο με καθαρές ακμές: λογότυπα, εικονίδια, απλές εικονογραφήσεις, γραμμικά σχέδια, χειρόγραφα γράμματα. Αυτά έχουν μικρή παλέτα και σαφείς ακμές, ακριβώς ό,τι διαβάζει καλά ένας ιχνηλάτης, οπότε παίρνετε ένα τακτοποιημένο, επεξεργάσιμο SVG με λίγα σχήματα. Τα προκαθορισμένα κατευθύνουν το αποτέλεσμα — το Επίπεδο/λογότυπο κρατά τα χρώματα λίγα, το Λεπτομερές επιτρέπει περισσότερα, το Αφισοποιημένο χωρίζει την εικόνα σε έντονες επίπεδες ζώνες, το Ασπρόμαυρο τη μειώνει σε δύο τόνους. Όλα εκτελούνται τοπικά: τίποτα δεν μεταφορτώνεται, δεν υπάρχει λογαριασμός, και συνεχίζει να λειτουργεί εκτός σύνδεσης αφού φορτώσει. Πρόκειται για πραγματική ιχνηλάτηση, όχι για επανασχεδίαση με AI — ακολουθεί τα pixel σας αντί να επινοεί μια πιο καθαρή εικόνα.

Πού το χρησιμοποιεί ο κόσμος

Μετατρέψτε ένα επίπεδο λογότυπο PNG σε SVG που μένει ευκρινές από favicon μέχρι γιγαντοαφίσα

Διανυσματοποιήστε ένα απλό εικονίδιο ή γραμμικό σχέδιο ώστε να μπορείτε να το χρωματίσετε ξανά αργότερα

Μετατρέψτε χειρόγραφα γράμματα ή το περίγραμμα μιας υπογραφής σε επεξεργάσιμο διανυσματικό σχήμα

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

Περάστε μια εικονογράφηση σε SVG ώστε να κλιμακώνεται καθαρά σε οθόνες υψηλής ανάλυσης

Ξαναχτίστε ένα μικρό, θολό λογότυπο ως διανυσματικές διαδρομές που καθαρίζετε σε επεξεργαστή

Γιατί IMG.DIY

Raster → διάνυσμα

Μετατρέπει PNG/JPG σε κλιμακούμενες διαδρομές SVG.

Προκαθορισμένα στιλ

Επίπεδο, λεπτομερές, αφισοποιημένο ή ασπρόμαυρο.

Κλιμακώνεται άψογα

Ευκρινές σε κάθε μέγεθος, σε αντίθεση με ένα τεντωμένο raster.

Ιδιωτικό

Ιχνηλατείται τοπικά — δεν μεταφορτώνεται ποτέ.

Συχνές ερωτήσεις

Ποιες εικόνες λειτουργούν καλύτερα;
Επίπεδα λογότυπα, εικονίδια, απλές εικονογραφήσεις και γραμμικά σχέδια. Λιγότερα χρώματα και καθαρές ακμές δίνουν καθαρά, συμπαγή SVG.
Γιατί η φωτογραφία μου βγάζει τεράστιο SVG;
Οι φωτογραφίες έχουν χιλιάδες λεπτές χρωματικές περιοχές, οπότε η ιχνηλάτηση δημιουργεί τεράστιο αριθμό διαδρομών. Το SVG είναι λάθος μορφή για φωτογραφίες — κρατήστε τις ως JPG/PNG.
Μπορώ να αλλάξω τα χρώματα του SVG μετά;
Ναι. Το αποτέλεσμα είναι τυπικές διαδρομές SVG, οπότε μπορείτε να το ανοίξετε σε έναν διανυσματικό επεξεργαστή και να αλλάξετε γεμίσματα, μεγέθη και χρώματα.
Μεταφορτώνεται η εικόνα μου;
Όχι. Η ιχνηλάτηση εκτελείται εξ ολοκλήρου στον περιηγητή σας· η εικόνα δεν φεύγει ποτέ από τη συσκευή σας.
Ποιο είδος εικόνας δίνει την καλύτερη ιχνηλάτηση;
Κάτι επίπεδο με καθαρές ακμές και μικρό αριθμό συμπαγών χρωμάτων — ένα λογότυπο, εικονίδιο, απλή εικονογράφηση ή γραμμικό σχέδιο. Ο ιχνηλάτης βρίσκει κάθε χρωματικό μπλοκ και σχεδιάζει μια σφιχτή διαδρομή γύρω του, οπότε μια ευκρινής πηγή υψηλής ανάλυσης με λίγα χρώματα δίνει ένα μικρό, καθαρό SVG. Τα απαλά ντεγκραντέ και η φορτωμένη λεπτομέρεια το μπερδεύουν και προσθέτουν ακαταστασία.
Γιατί η ιχνηλάτηση μιας φωτογραφίας φτιάχνει τόσο τεράστιο αρχείο;
Μια φωτογραφία έχει χιλιάδες ελαφρώς διαφορετικά χρώματα και καμία σκληρή ακμή, οπότε ο ιχνηλάτης πρέπει να τα προσεγγίσει όλα με στοιβαγμένες, επικαλυπτόμενες κηλίδες επίπεδου χρώματος. Αυτό παράγει ένα SVG πολύ μεγαλύτερο από το αρχικό JPG, που δείχνει μουτζουρωμένο και όχι φωτογραφικό. Για φωτογραφίες, κρατήστε μια μορφή raster και συμπιέστε την — το SVG είναι για σχήματα, όχι για συνεχείς τόνους.
Μπορώ να αλλάξω τα χρώματα μετά την ιχνηλάτηση;
Ναι. Το αποτέλεσμα είναι κανονικό SVG από διαδρομές και γεμίσματα, οπότε ανοίξτε το σε έναν διανυσματικό επεξεργαστή όπως Illustrator, Inkscape ή Figma και αλλάξτε το χρώμα ολόκληρης περιοχής επεξεργαζόμενοι ένα γέμισμα. Μπορείτε να ορίσετε ακριβείς τιμές hex της επωνυμίας, να διαγράψετε αδέσποτα σχήματα που έπιασε η ιχνηλάτηση ή να μετακινήσετε διαδρομές — η ιχνηλάτηση είναι σημείο εκκίνησης, όχι κλειδωμένο αποτέλεσμα.
Μεταφορτώνεται κάπου η εικόνα μου;
Όχι. Ολόκληρη η ιχνηλάτηση εκτελείται στον περιηγητή σας — η εικόνα διαβάζεται από ένα canvas στο δικό σας μηχάνημα και δεν φεύγει ποτέ από τη συσκευή σας. Δεν υπάρχει λογαριασμός ούτε διακομιστής, και μόλις φορτώσει η σελίδα λειτουργεί με το δίκτυο κλειστό — κάτι που αξίζει για ένα λογότυπο που δεν θα θέλατε να στείλετε αλλού.

Σχετικά εργαλεία

Οδηγοί & συμβουλές