Ottimizzatur u Minifier SVG b'xejn
Ħassar il-metadata, ikkollassa l-ispazji bojod, u qarreb id-deċimali biex tnaqqas drastikament id-daqs tal-fajl SVG — tnaqqisiet tipiċi ta' 30-70%. Il-preview viżwali jivverifika li xejn ma jinkiser.
Waqqa' fajl hawn, jew ikklikkja biex tfitteq
SVG · ipproċessat fuq it-tagħmir tiegħek
jew agħfas Ctrl+V biex twaħħal mill-clipboard
Il-fajls tiegħek qatt ma jħallu t-tagħmir tiegħek. L-ipproċessar kollu jseħħ lokalment fil-browser tiegħek.
Użi komuni
- Ittajweb SVG Icons għall-ProduzzjoniĦassar metadati mħarrġa minn icon SVGs qabel jinvaslu - tnaqqis tipiku ta' 50-80%.
- Ittajweb Brand Logo SVGsNaqqas il-qagħda tal-fajl SVG logo għal tagħbija malajr ta' website mingħajr sagrifikament tal-kwalità.
- Ittajweb Illustrazzjonijiet u Hero SVGsGħal illustrazzjonijiet akbar (heroes, grafiċi dekorattivi), l-ottimizzazzjoni tista' ta' 30-70% il-qagħda tal-fajl.
- Naqqas id-Daqs tal-Bundle JavaScriptMeta SVGs jiġu importati bħala React components jew inline f'kodiċi, l-ottimizzazzjoni tagħhom tkabbir il-bundle JS.
- Nnaddaf Figma / Sketch SVG ExportsFigma u Sketch SVG exports jinkludu metadata estensiva. Ħassar qabel ma tuża fil-produzzjoni.
Kif Taħdem
Din l-għodda tnaqqas id-daqs tal-fajl SVG bl-użu ta' ottimizzatur miktub bl-idejn li jaħdem kompletament fil-browser tiegħek — l-ebda libreriji, l-ebda server. Tikkombina żewġ passi: DOMParser/XMLSerializer inkorporati tal-browser għal xogħol ta' preċiżjoni fil-livell tal-attribut, u sostituzzjonijiet regex immirati għat-tneħħija tal-kummenti, it-tneħħija tal-metadata, u l-kollassar tal-ispazju vojt.
- 1DOMParser jissanitizza l-SVGQabel kwalunkwe ottimizzazzjoni, DOMParser tal-browser taqra l-SVG bħala XML u timxi minn kull element. Tags ta' script, handlers ta' avveniment (kwalunkwe attribut on*), elementi ta' animazzjoni, u referenzi ta' URL esterni jitneħħew mingħajr kundizzjoni — dan jaħdem irrispettivament minn liema għażliet ta' ottimizzazzjoni tagħżel.
- 2Rrundjar deċimali bbażat fuq id-DOMJekk ir-rrundjar deċimali huwa mixgħul, l-ottimizzatur jimxi mid-DOM analizzat it-tieni darba u japplika rrundjar biss għal attributi numeriċi magħrufa (data d tal-path, koordinati, valuri ta' transform, wisgħat ta' stroke, eċċ.), bl-użu ta' regex li taqbel numri individwali ta' punt varjabbli mingħajr ma tikkorrompi valuri konkatenati tal-path bħal .5.5.
- 3Passi ta' regex jindafu l-markup serjalizzatXMLSerializer jipproduċi XML normalizzat, imbagħad sostituzzjonijiet ta' string immirati jneħħu kummenti HTML, metadata tal-editur Inkscape/Sodipodi, id-dikjarazzjoni XML, attributi prestabbiliti żejda (bħal version="1.1"), u spazju vojt bejn it-tags — kull pass limitat b'mod dejjaq biex il-kontenut tan-nodu tat-test qatt ma jintmess.
- 4Daqs Gzip u formats ta' esportazzjoniL-API CompressionStream tal-browser tikkalkula d-daqsijiet reali tal-gzip kemm tad-dħul kif ukoll tal-ħruġ, peress li dak huwa dak li verament jiddetermina l-ispiża tat-trasferiment fuq il-web. L-SVG ottimizzat jista' jitniżżel, jiġi kkopjat bħala SVG mhux ipproċessat, konvertit għal attributi camelCase lesti għal React JSX, jew ikkodifikat bħala data URI CSS — il-konverżjonijiet kollha jiġru lokalment.
L-SVG tiegħek jinqara u jiġi pproċessat kompletament ġewwa t-tab tal-browser tiegħek — il-bytes tal-fajl qatt ma joħorġu mill-apparat tiegħek.
Għodod Relatati
Minifier u Beautifier CSS
Minifika CSS biex tnaqqas id-daqs tal-fajl jew sebbaħ CSS imminifikat biex jinqara faċilment. Immedjat, fil-browser tiegħek.
Kompressur tal-GIF
Agħmel GIF animat iżgħar: laħħqu taħt limitu ta' daqs bħall-emoji ta' 256 KB jew l-isticker ta' 512 KB ta' Discord, jew agħżel int il-kuluri, il-wisa' u l-frejms. Jaħdem fil-browser tiegħek; il-GIF ma jitgħabbiex.
Kompressur tal-PDF
Ikkomprimi fajls PDF biex tnaqqas id-daqs tagħhom. Agħżel livell ta' kwalità — kompressjoni ogħla tfisser fajls iżgħar iżda immaġini inqas ċari.