Μετάβαση στο κύριο περιεχόμενο
LibraTool logoLibraTool

Βελτιστοποιητής & Συμπιεστής SVG δωρεάν

Αφαιρέστε μεταδεδομένα, συμπτύξτε κενά και στρογγυλοποιήστε δεκαδικά για δραστική μείωση μεγέθους SVG — τυπικές μειώσεις 30-70%. Οπτική προεπισκόπηση επαληθεύει ότι τίποτα δεν χαλάει.

Λειτουργεί εκτός σύνδεσης μόλις φορτωθεί

Αφήστε ένα αρχείο εδώ ή κάντε κλικ για αναζήτηση

SVG · επεξεργάζεται στη συσκευή σας

ή πατήστε Ctrl+V για επικόλληση από το πρόχειρο

Αναζήτηση αρχείων
— ή επικολλήστε SVG παρακάτω —

Τα αρχεία σας δεν εγκαταλείπουν ποτέ τη συσκευή σας. Όλη η επεξεργασία γίνεται τοπικά στο πρόγραμμα περιήγησής σας.

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

  • Βελτιστοποίηση εικονιδίων SVG για παραγωγήΑφαιρέστε περιττά μεταδεδομένα από εικονίδια SVG πριν το κυκλοφορήσετε — τυπική μείωση 50-80%.
  • Βελτιστοποίηση λογότυπα μάρκας SVGΜειώστε το μέγεθος αρχείου SVG λογότυπου για γρήγορη φόρτωση ιστοσελίδας χωρίς θυσία ποιότητας.
  • Βελτιστοποίηση απεικονίσεων και ήρωα SVGΓια μεγαλύτερες απεικονίσεις (ήρωες, διακοσμητικά γραφικά), η βελτιστοποίηση μπορεί να αποταμιεύσει 30-70% του μεγέθους αρχείου.
  • Μείωση μεγέθους δέσμης JavaScriptΌταν τα SVG εισάγονται ως συστατικά React ή σωληνώνονται στον κώδικα, η βελτιστοποίηση αναποδογυρίζει τη δέσμη JS σας.
  • Εκκαθάριση Figma / Sketch SVG εξαγωγώνΟι εξαγωγές Figma και Sketch SVG περιέχουν εκτεταμένα μεταδεδομένα. Αφαιρέστε το πριν χρησιμοποιήσετε στην παραγωγή.

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

Αυτό το εργαλείο μειώνει το μέγεθος αρχείων SVG με χειρόγραφο βελτιστοποιητή που εκτελείται εξ ολοκλήρου στον browser σας — χωρίς βιβλιοθήκες ή διακομιστή. Συνδυάζει δύο περάσματα: τα ενσωματωμένα DOMParser/XMLSerializer του browser για ακριβή εργασία σε επίπεδο χαρακτηριστικών και στοχευμένες αντικαταστάσεις regex για αφαίρεση σχολίων, μεταδεδομένων και σύμπτυξη κενών.

  1. 1
    Το DOMParser εξυγιαίνει το SVG
    Πριν από οποιαδήποτε βελτιστοποίηση, το DOMParser του browser διαβάζει το SVG ως XML και διατρέχει κάθε στοιχείο. Τα script tags, οι event handlers (κάθε χαρακτηριστικό on*), τα στοιχεία κίνησης και οι αναφορές σε εξωτερικά URL αφαιρούνται χωρίς όρους — αυτό εκτελείται ανεξάρτητα από τις επιλογές βελτιστοποίησης που επιλέγετε.
  2. 2
    Στρογγυλοποίηση δεκαδικών βάσει DOM
    Αν η στρογγυλοποίηση δεκαδικών είναι ενεργή, ο βελτιστοποιητής διατρέχει ξανά το DOM και εφαρμόζει στρογγυλοποίηση μόνο σε γνωστά αριθμητικά χαρακτηριστικά (δεδομένα path d, συντεταγμένες, τιμές transform, πάχη stroke κ.λπ.), με regex που αντιστοιχίζει μεμονωμένους αριθμούς κινητής υποδιαστολής χωρίς να αλλοιώνει ενωμένες τιμές path όπως .5.5.
  3. 3
    Περάσματα regex καθαρίζουν το σειριοποιημένο markup
    Το XMLSerializer παράγει κανονικοποιημένο XML και έπειτα στοχευμένες αντικαταστάσεις αφαιρούν σχόλια HTML, μεταδεδομένα επεξεργαστών Inkscape/Sodipodi, τη δήλωση XML, περιττά προεπιλεγμένα χαρακτηριστικά (όπως version="1.1") και κενά μεταξύ tags — κάθε πέρασμα με στενό εύρος ώστε το περιεχόμενο κόμβων κειμένου να μην αγγίζεται ποτέ.
  4. 4
    Μέγεθος gzip και μορφές εξαγωγής
    Το CompressionStream API του browser υπολογίζει τα πραγματικά μεγέθη gzip εισόδου και εξόδου, αφού αυτό καθορίζει πραγματικά το κόστος μεταφοράς στο web. Το βελτιστοποιημένο SVG μπορεί να ληφθεί, να αντιγραφεί ως ακατέργαστο SVG, να μετατραπεί σε χαρακτηριστικά camelCase έτοιμα για React JSX ή να κωδικοποιηθεί ως CSS data URI — όλες οι μετατροπές γίνονται τοπικά.

Το SVG σας διαβάζεται και επεξεργάζεται εξ ολοκλήρου μέσα στην καρτέλα του browser — τα bytes του αρχείου δεν φεύγουν ποτέ από τη συσκευή σας.

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

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