Πώς να επεξεργαστείτε αρχεία SVG στον περιηγητή
Ενημερώθηκε
Για να επεξεργαστείτε ένα SVG στον περιηγητή σας, ανοίξτε το στον διανυσματικό επεξεργαστή του EditItAll. Αναδιαμορφώστε τα μονοπάτια με το pen tool, προσαρμόστε ή συνδυάστε σχήματα με πράξεις Boole, επεξεργαστείτε κείμενο και αλλάξτε το χρώμα οποιουδήποτε στοιχείου. Αποθηκεύστε ξανά ως SVG ή εξαγάγετε ένα PNG σε 2×. Κάθε αλλαγή γίνεται στη συσκευή σας, δεν μεταφορτώνεται τίποτα.
Κάντε το τώρα — δωρεάν, στον browser σας
Open the vector editorΓιατί να επεξεργαστείτε το ίδιο το SVG
Το SVG (Scalable Vector Graphics) αποθηκεύει μια εικόνα ως σχήματα και μονοπάτια: μαθηματικά, όχι εικονοστοιχεία. Γι' αυτό ένα λογότυπο αποθηκευμένο ως SVG παραμένει εξαιρετικά ευκρινές, είτε πρόκειται για favicon είτε για διαφημιστική πινακίδα, και γι' αυτό είναι η σωστή μορφή για εικονίδια, λογότυπα και εικονογραφήσεις. Σημαίνει επίσης ότι μπορείτε να ανοίξετε το αρχείο και να επεξεργαστείτε τα πραγματικά σχήματα αντί να μετακινείτε εικονοστοιχεία.
Η επεξεργασία της πηγής SVG είναι σχεδόν πάντα καλύτερη από την επεξεργασία ενός εξαγόμενου PNG. Μετακινήστε ένα σημείο αγκύρωσης και η καμπύλη παραμένει ομαλή· αλλάξτε ένα γέμισμα και το χρώμα είναι ακριβές· αλλάξτε την κλίμακα ολόκληρου του σχήματος και τίποτα δεν θολώνει. Για να το κάνετε αυτό χρειάζεστε έναν επεξεργαστή που κατανοεί τα διανύσματα.
Άνοιγμα και επεξεργασία SVG βήμα προς βήμα
Ο διανυσματικός επεξεργαστής του EditItAll ανοίγει αρχεία SVG απευθείας στον περιηγητή σας:
- Ανοίξτε τον επεξεργαστή και φορτώστε το αρχείο
.svgσας: ένα λογότυπο, ένα σύνολο εικονιδίων ή μια εικονογράφηση. - Χρησιμοποιήστε το εργαλείο επιλογής (V) για να μετακινείτε και να αλλάζετε μέγεθος ολόκληρων αντικειμένων, και το εργαλείο άμεσης επιλογής (A) για να πιάνετε μεμονωμένα σημεία αγκύρωσης.
- Αλλάξτε το χρώμα γεμισμάτων και περιγραμμάτων, επεξεργαστείτε οποιοδήποτε κείμενο με το εργαλείο κειμένου (T) και τακτοποιήστε τα σχήματα με έξυπνους οδηγούς και συντομεύσεις σε στιλ Illustrator.
Η εργασία σας αποθηκεύεται αυτόματα στον περιηγητή καθώς προχωράτε, και ολόκληρος ο επεξεργαστής συνεχίζει να λειτουργεί ακόμα κι αν αποσυνδεθείτε από το διαδίκτυο αφού φορτωθεί η σελίδα: σαφής απόδειξη ότι το αρχείο σας δεν αποστέλλεται πουθενά.
Αναδιαμόρφωση και συνδυασμός μονοπατιών
Η πραγματική δύναμη βρίσκεται στην αναδιαμόρφωση μονοπατιών. Το pen tool (P) τοποθετεί σημεία αγκύρωσης με λαβές bezier, ώστε να μπορείτε να επανασχεδιάσετε μια καμπύλη, να προσθέσετε ένα σημείο σε ένα λογότυπο ή να ιχνηλατήσετε ένα νέο σχήμα από την αρχή. Το μολύβι είναι εκεί για ελεύθερο σχέδιο.
Για να δημιουργήσετε πιο σύνθετα έργα, συνδυάστε απλούστερα σχήματα με πράξεις Boole: Ένωση για να τα συγχωνεύσετε, Αφαίρεση μπροστινού για να αφαιρέσετε ένα σχήμα από ένα άλλο, Τομή για να κρατήσετε μόνο την επικάλυψη, και Εξαίρεση για να την αποβάλετε. Αυτές εκτελούνται σε μια μηχανή γεωμετρίας με ακριβή αριθμητική, οπότε οι ακμές που προκύπτουν παραμένουν καθαρές αντί να μετατοπίζονται κατά κλάσματα εικονοστοιχείου. Έτσι μετατρέπετε λίγα ορθογώνια και κύκλους σε ένα ολοκληρωμένο εικονίδιο.
Αποθήκευση ως SVG ή εξαγωγή PNG
Όταν τελειώσετε, αποθηκεύστε ξανά ως .svg για να διατηρήσετε το αρχείο πλήρως επεξεργάσιμο, ή εξαγάγετε ένα PNG σε 2× όταν χρειάζεστε μια ραστεροποιημένη εικόνα για τον ιστό ή ένα έγγραφο. Αν έχετε ήδη ένα SVG και θέλετε μόνο ένα PNG, ο ειδικός μετατροπέας SVG σε PNG το κάνει αυτό σε ένα βήμα.
Δύο ειλικρινείς περιορισμοί: ο επεξεργαστής διαβάζει τυπικό SVG, όχι αρχεία .ai ή .eps της Adobe, και δεν υποστηρίζει πλέγμα διαβάθμισης, γεμίσματα μοτίβου ή χρώμα CMYK. Ωστόσο, για την επεξεργασία καθημερινών λογότυπων, εικονιδίων και εικονογραφήσεων ως SVG, όλα όσα χρειάζεστε λειτουργούν στη συσκευή σας. Ανοίξτε τον διανυσματικό επεξεργαστή για να ξεκινήσετε.
Έτοιμοι να το δοκιμάσετε;
Δωρεάν, χωρίς εγγραφή, και ό,τι ανοίγετε δεν φεύγει ποτέ από τη συσκευή σας.
Συχνές ερωτήσεις
Μεταφορτώνονται τα αρχεία SVG μου όταν τα επεξεργάζομαι;+
Όχι. Ο διανυσματικός επεξεργαστής λειτουργεί εξ ολοκλήρου στον περιηγητή σας, οπότε το αρχείο σας δεν εγκαταλείπει ποτέ τη συσκευή σας. Μπορείτε να αποσυνδεθείτε από το διαδίκτυο αφού φορτωθεί η σελίδα και να συνεχίσετε να επεξεργάζεστε, κάτι που αποδεικνύει ότι δεν αποστέλλεται τίποτα πουθενά.
Μπορεί να ανοίξει αρχεία .ai του Adobe Illustrator;+
Όχι. Ο επεξεργαστής ανοίγει τυπικό SVG, όχι τα αρχεία .ai ή .eps της Adobe. Αν το έργο σας βρίσκεται στο Illustrator, εξαγάγετε ή αποθηκεύστε το πρώτα ως SVG και έπειτα ανοίξτε αυτό το SVG εδώ.
Μπορώ να εξαγάγω το SVG μου ως PNG;+
Ναι. Μπορείτε να εξαγάγετε ένα PNG σε 2× για μια ευκρινή ραστεροποιημένη εικόνα, ή να χρησιμοποιήσετε τον ειδικό μετατροπέα SVG σε PNG αν χρειάζεστε μόνο τη μετατροπή χωρίς επεξεργασία.
Τι δεν μπορεί να κάνει ο επεξεργαστής;+
Δεν διαβάζει αρχεία .ai ή .eps της Adobe και δεν διαθέτει πλέγμα διαβάθμισης, γεμίσματα μοτίβου ή χρώμα CMYK. Για καθημερινά λογότυπα, εικονίδια και εικονογραφήσεις σε SVG, το pen tool, τα σχήματα, οι πράξεις Boole, το κείμενο και τα επίπεδά του καλύπτουν τη δουλειά.
Θα χάσω τη δουλειά μου αν ανανεώσω τη σελίδα;+
Όχι. Η δουλειά σας αποθηκεύεται αυτόματα στον τοπικό χώρο αποθήκευσης του περιηγητή σας καθώς επεξεργάζεστε, οπότε μια ανανέωση ή ένα κλειστό tab δεν θα τη διαγράψει. Αυτά τα αποθηκευμένα δεδομένα παραμένουν στη συσκευή σας.