CodeKitHub
Εργαλεία εικόνων

Μετατροπή SVG σε PNG ή JPG Online

Τελευταία ενημέρωση:

Μετατρέψτε διανυσματικά αρχεία SVG σε εικόνες PNG ή JPG στην ανάλυση που χρειάζεστε. Ιδανικό για πλατφόρμες που απορρίπτουν μεταφορτώσεις SVG — έγγραφα γραφείου, social media, υπογραφές email, ροές εκτύπωσης. Η απόδοση γίνεται τοπικά στο πρόγραμμα περιήγησής σας· τα αρχεία σας παραμένουν στη συσκευή σας.

PNG keeps transparency; JPG fills it with white

    Τι είναι αυτό το εργαλείο;

    Το SVG είναι διανυσματική μορφή — σχήματα που περιγράφονται με μαθηματικά, απεριόριστα κλιμακώσιμα, ιδανικά για λογότυπα και εικονίδια. Αλλά πολλά σημεία δεν το δέχονται: έγγραφα Word, οι περισσότερες κοινωνικές πλατφόρμες, πελάτες email και αμέτρητες φόρμες μεταφόρτωσης θέλουν εικόνες σε pixel. Η μετατροπή (ραστεροποίηση) αποδίδει το διάνυσμα ως PNG ή JPG σε συγκεκριμένο μέγεθος.

    Επειδή τα διανύσματα δεν έχουν σταθερή ανάλυση, εσείς επιλέγετε το πλάτος εξόδου — και αφού η πηγή είναι μαθηματικά, μια εξαγωγή 2048px είναι εξίσου ευκρινής με μια 256px. Η έξοδος PNG διατηρεί το διαφανές φόντο του SVG· το JPG το γεμίζει με λευκό.

    Γιατί να το χρησιμοποιήσετε;

    • Οποιαδήποτε ανάλυση από μία πηγή: εικονίδιο 256px έως asset εκτύπωσης 2048px, όλα με τέλεια ευκρίνεια.
    • Η έξοδος PNG διατηρεί τη διαφάνεια — τα λογότυπα τοποθετούνται σε οποιοδήποτε φόντο.
    • Λύνει απορρίψεις μεταφόρτωσης "SVG δεν υποστηρίζεται" σε δευτερόλεπτα.
    • Μαζική μετατροπή, τοπική επεξεργασία, χωρίς μεταφόρτωση.
    • Χειρίζεται SVG χωρίς ρητό πλάτος/ύψος διαβάζοντας το viewBox τους.

    Πώς χρησιμοποιείται

    1. Σύρετε αρχεία .svg στο πλαίσιο ή κάντε κλικ για επιλογή.
    2. Επιλέξτε πλάτος εξόδου — η επιλογή Αυτόματο χρησιμοποιεί το δηλωμένο μέγεθος του SVG.
    3. Επιλέξτε PNG (διατηρεί διαφάνεια) ή JPG (λευκό φόντο).
    4. Κατεβάστε κάθε αποδοσμένη εικόνα· οι διαστάσεις εμφανίζονται ανά αρχείο.

    Παράδειγμα

    Είσοδος

    logo.svg — διάνυσμα 4 KB

    Έξοδος

    logo.png — 1024×1024, διαφανές φόντο, ευκρινές σε κάθε pixel

    Μία μικροσκοπική διανυσματική πηγή παράγει ραστεροποιήσεις τέλειας ευκρίνειας σε όποιο μέγεθος ζητήσετε.

    Συνηθισμένες περιπτώσεις χρήσης

    • Προσθήκη λογότυπου εταιρείας (συνήθως παραδίδεται ως SVG από σχεδιαστή) σε έγγραφο Word ή PowerPoint που δεν υποστηρίζει ενσωμάτωση SVG.
    • Δημιουργία εικονιδίων εφαρμογής ή favicon σε κάθε απαιτούμενο μέγεθος pixel (16, 32, 180, 512px) από ένα βασικό SVG.
    • Προσάρτηση εικονιδίου σε υπογραφή email, αφού οι περισσότεροι πελάτες email αποδίδουν μόνο ραστερικές εικόνες.
    • Μεταφόρτωση γραφικών σε πλατφόρμα social media ή CMS που απορρίπτει αρχεία SVG ως προφύλαξη ασφαλείας μεταφόρτωσης.

    Γιατί υπάρχουν αρχικά περιορισμοί μεταφόρτωσης SVG

    Πολλές πλατφόρμες αποκλείουν συγκεκριμένα τις μεταφορτώσεις SVG για λόγους ασφαλείας, όχι από παράλειψη: επειδή το SVG βασίζεται σε XML και μπορεί τεχνικά να ενσωματώσει JavaScript, ένα κακόβουλο SVG μπορεί να αποτελέσει φορέα έγχυσης script αν μια πλατφόρμα το αποδώσει χωρίς εξυγίανση. Η ραστεροποίηση ενός SVG σε PNG ή JPG αφαιρεί οτιδήποτε πέρα από δεδομένα pixel, κάτι που είναι ένας λόγος για τον οποίο αυτή η μετατροπή απαιτείται συχνά αντί να είναι απλώς βολική — η πλατφόρμα-στόχος πραγματικά δεν μπορεί να δεχτεί με ασφάλεια τη διανυσματική μορφή, ανεξάρτητα από το αν το συγκεκριμένο SVG σας είναι αβλαβές.

    Πώς λειτουργεί στην πράξη η ανεξαρτησία ανάλυσης

    Ένα αρχείο SVG δεν αποθηκεύει καθόλου pixel — αποθηκεύει μαθηματικούς ορισμούς διαδρομών ("σχεδίασε γραμμή από αυτό το σημείο σε εκείνο", "γέμισε αυτή την καμπύλη με αυτό το χρώμα") και ένα viewBox που ορίζει τον χώρο συντεταγμένων στον οποίο ζουν αυτές οι διαδρομές. Όταν το ραστεροποιείτε, η μηχανή απόδοσης του προγράμματος περιήγησης επαναϋπολογίζει κάθε καμπύλη και γέμισμα στις διαστάσεις pixel που ζητάτε, από την αρχή, κάθε φορά. Αυτό διαφέρει θεμελιωδώς από τη αλλαγή μεγέθους μιας υπάρχουσας ραστερικής εικόνας (ενός JPG ή PNG), όπου η μεγέθυνση σημαίνει επινόηση pixel που δεν υπήρχαν ποτέ και αναπόφευκτα φαίνεται θολή — ένα SVG που αποδίδεται στα 4000px είναι εξίσου ευκρινές με ένα στα 100px, επειδή και τα δύο υπολογίζονται φρέσκα από τα ίδια ακριβώς μαθηματικά, όχι τεντωμένα από μικρότερη πηγή.

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

    Ποια ανάλυση πρέπει να εξάγω;

    Ταιριάξτε το μεγαλύτερο μέγεθος που θα εμφανίσετε, και λίγο παραπάνω: 512px καλύπτει τις περισσότερες χρήσεις λογότυπου στο web, 1024px+ για οθόνες retina και παρουσιάσεις, 2048px για εκτύπωση. Σε αντίθεση με τη μεγέθυνση φωτογραφίας, η εξαγωγή σε μεγάλο μέγεθος από SVG δεν κοστίζει τίποτα σε ευκρίνεια.

    Γιατί το SVG μου αποδίδεται κενό ή σπασμένο;

    Συνήθως εξωτερικές αναφορές: SVG που συνδέονται με εξωτερικές εικόνες, γραμματοσειρές ή CSS δεν μπορούν να τα φορτώσουν μέσα στο sandbox ασφαλείας του προγράμματος περιήγησης. SVG με ενσωματωμένο (inline) περιεχόμενο μετατρέπονται κανονικά. Το κείμενο μπορεί επίσης να μετατοπιστεί αν χρησιμοποιεί γραμματοσειρά που δεν έχει το σύστημά σας.

    PNG ή JPG έξοδος — ποιο να επιλέξω;

    Σχεδόν πάντα PNG: λογότυπα και εικονίδια χρειάζονται διαφάνεια και ευκρινείς άκρες, που το PNG διατηρεί και το JPG καταστρέφει. Επιλέξτε JPG μόνο όταν ο προορισμός το απαιτεί αυστηρά ή το SVG είναι φωτογραφική απεικόνιση.

    Μπορώ να μετατρέψω PNG πίσω σε SVG εδώ;

    Όχι — αυτό είναι θεμελιωδώς διαφορετικό έργο (ιχνηλάτηση pixel σε σχήματα) που παράγει το πολύ προσεγγίσεις. Αυτό το εργαλείο κάνει διάνυσμα → ράστερ, που είναι ακριβές.

    Ανεβαίνει το SVG μου για μετατροπή;

    Όχι. Το πρόγραμμα περιήγησης αποδίδει το SVG σε τοπικό canvas και κωδικοποιεί το PNG/JPG στη συσκευή σας. Τίποτα δεν μεταδίδεται.

    Πρέπει να εξάγω το SVG μου ως PNG ή JPG;

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

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