Sări la conținut

Minificator SVG

Reduce marca SVG eliminând cruft XML, comentarii și metadate ale editorului.

Intrare
Ieșire

Minificator SVG

Lipiți un SVG exportat din Illustrator, Inkscape sau Figma și acest instrument returnează o versiune minificată cu aceeași apariție și o dimensiune a fișierului mult mai mică. Elimină declarația XML, comentariile, metadatele specifice editorului (elemente și atribute din spațiul de nume al Inkscape și Illustrator), grupuri goale și spații albe între etichete — orice nu avea nevoie niciodată un browser sau o etichetă <img> în primul rând.

Zecimale controlează câte cifre rețin coordonatele și alte atribute numerice, deci "12.34567" devine "12.35" la implicit de două. Elimina atributele id și class elimină ambele, cu excepția unui id încă vizat de o umplere url(#…) sau referință href="#…" — acelea rămân, deci degradeuri, căi de tăiere și elemente <use> continuă să funcționeze. Elimina width/height, păstrează viewBox elimină dimensiunile exterioare doar când un viewBox este prezent pentru a prelua dimensionarea, deci SVG se scalează în continuare corect. Scurtează culorile hexazecimale transformă "#ffffff" în "#fff" oriunde canalele sunt duplicate pe trei, lăsând orice altceva neatins.

Marca malformată — o etichetă neclosă sau nepotrivită — se raportează ca o eroare în loc să fie ghicită, deoarece un minificator care reparează în liniște XML rupt poate schimba ceea ce se redă. Textul din <text>, <tspan> și <style> inline rămâne exact cum a fost scris, deoarece spațiul alb de acolo face parte din conținut, nu din formatare. Terminațiile de linie Windows și Unix sunt tratate la fel, iar numărătoarea live arată octeți în, octeți ieșiți și procentajul economisit.

Totul rulează local în browserul dvs.: SVG-ul nu parasește niciodată dispozitivul dvs., ceea ce contează pentru seturi de pictograme nepublicate și lucrări client. Copiați rezultatul, descărcați-l ca fișier .txt sau trimiteți-l înapoi în intrare pentru a aplica o altă trecere cu opțiuni diferite.

FAQ

Aceasta va schimba cum arată SVG-ul?
Nu. Elimină doar marca care nu are efect vizual — comentarii, metadate, grupuri goale și spații albe — și rotunjește coordonatele, care schimbă randarea cu mai puțin de un pixel la precizia implicită.
Este sigur să elimin id-urile și clasele?
Instrumentul păstrează orice id încă vizat de o umplere url(#…) sau o legătură href="#…", deci degradeuri, căi de tăiere și pictograme reutilizate continuă să funcționeze. Sunt eliminate doar id-urile nereferențiate și toate clasele.
Ce se întâmplă dacă SVG-ul meu are o eroare de sintaxă?
Instrumentul o raportează în loc să ghicească — o etichetă neclosă sau nepotrivită returnează un mesaj de eroare calm, astfel încât să puteți remedia marca și încercați din nou.
Eliminarea width și height strică imaginea?
Numai atunci când un viewBox este prezent instrumentul le elimină — viewBox-ul singur este suficient pentru ca SVG-ul să se scaleze la orice dimensiune oferă recipientul.
SVG-ul meu este încărcat undeva?
Nu. Minificarea rulează în întregime în browserul dvs. — fișierul dvs. nu parasește niciodată dispozitivul dvs.