Δωρεάν βελτιστοποίηση SVG

Λειτουργεί εξ ολοκλήρου στον browser σας - χωρίς μεταφόρτωση, χωρίς εγγραφή.

Δεκαδική ακρίβειαΠολλαπλά περάσματαΔιατήρηση IDΤα script και οι χειριστές συμβάντων αφαιρούνται

Είσοδος SVG

Βελτιστοποιημένο SVG

Λήψη

Ctrl ή Command + Enter

Επικολλήστε σήμανση SVG ή επιλέξτε αρχείο για να ξεκινήσετε

Κοινοποιήστε αυτό το εργαλείο

Τι κάνει η βελτιστοποίηση SVG;

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

Πώς λειτουργεί

1Προσθέστε το SVG. Επικολλήστε πλήρη σήμανση SVG, σύρετε ένα τοπικό αρχείο .svg στην περιοχή μεταφόρτωσης ή ανοίξτε το έτοιμο παράδειγμα.
2Επιλέξτε ασφαλείς ρυθμίσεις. Ορίστε την αριθμητική ακρίβεια, κρατήστε ενεργά τα πολλαπλά περάσματα για επιπλέον μείωση και διατηρήστε όσα ID χρησιμοποιεί άλλος κώδικας.
3Βελτιστοποιήστε και συγκρίνετε. Εκτελέστε το SVGO και ελέγξτε τον αριθμό των byte πριν και μετά, μαζί με τις δύο προεπισκοπήσεις.
4Αντιγράψτε ή κατεβάστε. Αντιγράψτε τη συμπαγή σήμανση ή κατεβάστε ένα νέο αρχείο .optimized.svg χωρίς να αλλάξετε το πρωτότυπο έργο.

Σε ποιους απευθύνεται

Προγραμματιστές frontend που μικραίνουν εικονίδια, λογότυπα και γραφικά πριν τα προσθέσουν σε ιστότοπο ή βιβλιοθήκη στοιχείων.
Σχεδιαστές που καθαρίζουν μεταδεδομένα και σήμανση του εκάστοτε προγράμματος από εξαγωγές Figma, Illustrator, Sketch ή Inkscape.
Ομάδες απόδοσης που μετρούν την ακριβή εξοικονόμηση byte UTF-8 πριν εντάξουν διανυσματικά αρχεία σε ένα πακέτο web.
Δημιουργοί στοιχείων που ετοιμάζουν συμπαγή ενσωματωμένη σήμανση SVG για React, Vue, Svelte ή απλό HTML.

Το εργαλείο φορτώνει την επίσημη μηχανή SVGO για πρόγραμμα περιήγησης μόνο αφού πατήσετε το κουμπί βελτιστοποίησης. Χρησιμοποιεί το τυπικό σύνολο προσθέτων και αφαιρεί script και χειριστές συμβάντων, ώστε το αρχείο να είναι ασφαλέστερο ως συνηθισμένη εικόνα web. Μπορείτε να διατηρήσετε τα ID όταν χρησιμοποιούνται από CSS, JavaScript, διαβαθμίσεις, μάσκες ή εξωτερικές αναφορές.

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

Η βελτιστοποίηση SVG είναι δωρεάν;

Ναι. Μπορείτε να βελτιστοποιήσετε αρχεία SVG χωρίς λογαριασμό, πληρωμή ή εγκατάσταση. Το εργαλείο δείχνει την ακριβή μεταβολή σε byte UTF-8 και σας επιτρέπει να αντιγράψετε ή να κατεβάσετε το αποτέλεσμα απευθείας από το πρόγραμμα περιήγησης.

Το SVG μου ανεβαίνει σε διακομιστή;

Όχι. Η ανάγνωση του αρχείου, η επεξεργασία SVGO, η μέτρηση των byte και η δημιουργία προεπισκοπήσεων γίνονται τοπικά στο πρόγραμμα περιήγησης. Λογότυπα, εικονίδια και αδημοσίευτα έργα δεν αποστέλλονται από αυτό το εργαλείο.

Πόσο μεγάλο SVG μπορώ να βελτιστοποιήσω;

Το εργαλείο δέχεται πηγαίο SVG έως 5 MB. Το όριο διατηρεί γρήγορη την ανάλυση σε τηλέφωνα και συνηθισμένους φορητούς υπολογιστές. Για πολύ μεγάλες εξαγωγές, αφαιρέστε τις ενσωματωμένες εικόνες raster ή χωρίστε το έργο σε μικρότερα αρχεία.

Θα αλλάξει η εμφάνιση μετά τη βελτιστοποίηση SVG;

Το SVGO έχει σχεδιαστεί ώστε να διατηρεί την απόδοση ενώ αφαιρεί περιττά δεδομένα. Ωστόσο, η έντονη στρογγυλοποίηση αριθμών ή ο καθαρισμός ID μπορεί να επηρεάσει σύνθετα αρχεία. Συγκρίνετε τις δύο προεπισκοπήσεις και δοκιμάστε το βελτιστοποιημένο SVG στο πραγματικό σημείο ενσωμάτωσης πριν αντικαταστήσετε ένα αρχείο παραγωγής.

Τι αλλάζει η δεκαδική ακρίβεια;

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

Πρέπει να διατηρήσω τα ID του SVG;

Διατηρήστε τα ID όταν αναφέρονται από CSS, JavaScript, χαρακτηριστικά aria, διαβαθμίσεις, μάσκες, φίλτρα ή εξωτερικά έγγραφα. Σε μια ανεξάρτητη διακοσμητική εικόνα μπορείτε να απενεργοποιήσετε την επιλογή, ώστε το SVGO να αφαιρέσει ή να συντομεύσει αχρησιμοποίητα αναγνωριστικά.

Ο βελτιστοποιητής αφαιρεί script από τα SVG;

Ναι. Η διαδικασία αφαιρεί στοιχεία script, χαρακτηριστικά χειριστών συμβάντων και συνδέσμους JavaScript. Έτσι το αρχείο είναι ασφαλέστερο ως απλή εικόνα web, αλλά το εργαλείο δεν είναι κατάλληλο για εφαρμογές SVG που χρειάζονται script για να λειτουργήσουν.

Τι κάνει η βελτιστοποίηση πολλαπλών περασμάτων;

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