Mga Tool95

GUMAWA NG KAHANGA-HANGANG BAGAY

SVG Compressor.

I-compress at paliitin ang mga SVG file gamit ang live na paghahambing at kabuuang laki. Ayusin ang precision, panatilihin ang mga pamagat at paglalarawan, at i-download ang isang SVG o isang batch na ZIP.

Mga Advertisement
Ang iyong workspace ng larawan
Sa iyong device
o i-drag at i-drop dito
SVG
Piliin ang iyong larawan para magsimula.LARAWAN
Mga Advertisement
Blog Paano mag-compress ng mga SVG file Basahin ang gabay

Gawing mas magaan ang SVG artwork habang sinusuri ang bawat pagbabago

I-optimize ang mga static na SVG icon at illustration gamit ang side-by-side na preview at paghahambing ng laki ng file. I-adjust ang precision, panatilihin ang mga accessible na paglalarawan at i-download ang optimized na SVG o isang ZIP ng mga file.

Ang malinaw na before-and-after view ay nagpapadali sa paghusga sa vector optimization.
MABILIS NA VIDEO TUTORIAL How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. Narasyon sa Ingles Panoorin ang video

How to compress an SVG with a preview

Mga feature at control

Mag-upload ng mga SVG file o mag-paste ng markup

Gamitin ang upload form o ang tab na Paste SVG.

Tinanggap na SVG input

Mag-upload ng hanggang 20 na SVG file, na ang bawat isa ay hindi lalampas sa 2 MB. Ang Paste SVG ay tumatanggap ng isang markup document at binubuksan ito bilang isang imahe. Ang file ay dapat na well-formed na SVG. Ang mga standard na SVG document declaration ay inaalis nang hindi naglo-load ng mga external file; ang mga custom entity declaration at internal document subset ay tinatanggihan. Ang tool na ito ay para sa static vector artwork sa halip na interactive o animated na SVG application.

Ihambing ang sanitized na orihinal at optimized na output

Dalawang panel ang nagpapakita ng parehong artwork bago at pagkatapos ng optimization.

Ano ang ibig sabihin ng orihinal na preview

Ang parehong preview ay naglalaman ng sanitized na static na SVG. Ang Original panel ay hindi rendering ng unsafe source markup. Ang optimized panel ay nag-a-update pagkatapos ng pagbabago sa settings. Ang byte count ay naghahambing sa laki ng na-upload na file sa natapos na output, at ang status ay nag-uulat ng pagbaba o pagtaas nang tumpak. Ang isang compact na SVG ay maaaring hindi na lumiit pa. Ang mga laki ng file ay lumalabas sa tabi ng Original at Optimized para maikumpara mo ang source bytes sa na-save na resulta.

Pumili ng praktikal na antas ng precision

Ang decimal precision ay mula 1 hanggang 5, simula sa 3.

Mga numero, kurba at maliliit na detalye

Ang mas mababang precision ay nag-o-round ng geometry nang mas agresibo at maaaring magpaliit ng laki ng file. Maaari rin nitong ilipat ang mga fine edge o baguhin ang napakaliit na hugis. Magsimula sa 3, ihambing ang mga preview at itaas ang precision para sa masalimuot na artwork. Ang optimization ay nag-aalis din ng mga redundant na metadata at nagpapasimple ng mga eligible na hugis at path data.

Panatilihin ang mga accessible na paglalarawan at kapaki-pakinabang na ID

Ang mga accessible na pamagat at paglalarawan ay pinapanatili bilang default.

Accessibility at mga external reference

Ang Keep accessible titles and descriptions ay nagpapanatili ng SVG title at description element. Ang Shorten internal IDs ay naka-enable sa simula; ang mga internal reference ay sabay na ina-update. I-disable ito kapag ang external CSS o JavaScript ay nakadepende sa mga partikular na ID, pagkatapos ay i-verify ang SVG sa destination page nito. Ang readable output markup ay nagpapalit ng kaunting compression para sa indented code.

Maghanda ng mga responsive na vector file

Ang responsive dimensions ay nag-aalis ng fixed sizing kapag may available na viewBox.

Sizing at inspeksyon ng markup

Ang viewBox ang nagtatakda ng vector coordinate system. Pinapayagan ng responsive dimensions ang CSS at ang embedding context na itakda ang display size nang walang fixed width at height sa SVG. Hindi nito binabago ang aspect ratio ng imahe. Buksan ang View optimized SVG markup para suriin ang eksaktong text na ida-download.

I-save ang isang file o ang buong batch

Ang mga orihinal na basename ay pinapanatili at ang maraming file ay ida-download bilang isang ZIP.

Local processing at sanitation

Ang parsing, sanitation, at optimization ay tumatakbo sa browser, gamit ang isang local optimization worker na may time limit. Ang mga script, event handler, external resource, animation, at embedded raster image ay inaalis. Ang iyong orihinal na file ay hindi binabago. Piliin ang Start para gawin ang optimized na output; suriin ang hitsura at behavior nito sa destination project bago palitan ang isang source asset.

Mga file at pagproseso

Input
SVG na mga file o na-paste na SVG markup
Output
Optimized na SVG, o isang ZIP para sa maraming SVG file

2 MB maximum bawat file. Hanggang 20 na input file bawat run.

Hanggang 20 na file sa 2 MB bawat isa. Ang bawat SVG ay maaaring maglaman ng hanggang 20,000 na element; ang mga complex na file ay maaaring umabot sa 15-segundong limitasyon ng optimization.

Ang SVG parsing, sanitation, at optimization ay tumatakbo sa iyong device. Ang mga na-upload na SVG file ay hindi ipinapadala sa server para sa tool na ito.

Ang tool na ito ay nagpoproseso at nag-e-export ng mga file sa iyong browser. Ang na-download na larawan ay hiwalay na file; ang source sa iyong device ay hindi mapapatungan.

Para sa resulta ng imahe, gamitin ang Magpatuloy sa ibaba ng mga resulta ng pag-download para pumili ng compatible na susunod na hakbang. Maaari mong piliin kung aling mga imahe ang dadalhin; ang susunod na tool ay magsisimula sa sarili nitong mga setting.

Ang pag-refresh sa editor o download page ay magbabalik sa iyo sa pahina ng tool. I-download ang resulta bago magsimula ng bagong workflow. Tingnan ang aming Patakaran sa Privacy para sa paghawak ng file.

FAQ

Mabuting malaman.

Ilang sagot bago ka magsimula.

Sa iyong device
Magmumukha bang eksaktong pareho ang optimized na SVG?

Layunin ng optimizer na panatilihin ang static na hitsura, ngunit ang rounding at pag-aalis ng mga hindi suportadong content ay maaaring magbago sa isang file. Ihambing ang mga preview at i-test ang na-save na SVG sa iyong project.

Ano ang binabago ng decimal precision?

Kinokontrol nito ang precision na ginagamit para sa numeric geometry at path data. Ang mas mababang values ay maaaring magpaliit ng laki pero maaaring magbago ang maliliit na detalye. Ang default ay 3.

Pinapanatili ba nito ang pamagat at paglalarawan?

Oo, bilang default. Panatilihing naka-enable ang Keep accessible titles and descriptions para mapanatili ang mga SVG element na iyon.

Bakit nawawala ang mga script o raster image?

Ang tool na ito ay gumagawa ng static vector output. Ang mga script, event, external resource, animation, at embedded raster image ay sadyang tinatanggal habang isinasagawa ang sanitation.

Maaari ko bang panatilihin ang mga ID na tinutukoy ng CSS?

I-off ang Shorten internal IDs kapag ang external code ay nakadepende sa mga partikular na ID. I-verify ang optimized na file sa target page bago palitan ang orihinal.

Ang mga SVG file ba ay ina-upload para sa optimization?

Hindi. Ang tool ay nagsasagawa ng parsing at optimization sa loob ng browser at dina-download ang resulta nang lokal.

Maaari ba akong mag-upload ng SVG na may DOCTYPE?

Ang isang standard na SVG document declaration ay tinatanggap at tinatanggal nang hindi kinukuha ang external identifier nito. Ang mga custom entity declaration at internal document subset ay tinatanggihan.

Mga Advertisement

Wika38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Piliin ang iyong wika. Ang mga video tutorial ay kasalukuyang gumagamit ng English na pagsasalaysay.