Як паменшыць памер файла SVG?

Перацягніце файл .svg або ўстаўце яго зыходны код, пакіньце стандартныя опцыі і параўнайце памеры Арыгінал і Аптымізавана. Затым выкарыстоўвайце Спампаваць .svg або Скапіяваць, каб атрымаць меншы вынік.

Што аптымізатар SVG выдаляе па змаўчанні?

Па змаўчанні ён выдаляе каментарыі, метададзеныя, уключаючы title, desc і дадзеныя Inkscape або Sodipodi, лішнія прабелы, залішнія стандартныя атрыбуты і дэкларацыю XML, а таксама акругляе лікі да 2 знакаў пасля коскі.

Чаму ідэнтыфікатары элементаў захоўваюцца пасля аптымізацыі?

Выдаліць атрыбуты id па змаўчанні выключана, таму што анімацыі CSS або JavaScript могуць спасылацца на гэтыя ID. Уключыце гэта толькі калі нішто на вашай старонцы ад іх не залежыць.

Чаму мае SVG-анімацыі зніклі?

Тэгі script, атрыбуты падзей on-, знешнія спасылкі і элементы анімацыі SMIL, такія як animate і set, выдаляюцца дзеля бяспекі, таму аптымізаваны SVG з'яўляецца статычным.

Ці можна выкарыстоўваць аптымізаваны SVG у React або CSS?

Так. Акрамя Скапіяваць і Спампаваць .svg, ёсць Копіраваць як JSX, які пераўтварае атрыбуты ў camelCase, і Копіраваць CSS фон. Візуальны папярэдні прагляд дазваляе праверыць, што ён усё яшчэ адлюстроўваецца правільна.

Гэта сапраўды бясплатна?

Так. Кожны інструмент бясплатны, без уліковага запісу і банкаўскай карты. Праца выконваецца на вашай прыладзе, а не на нашых серверах, што і дазваляе заставацца бясплатным.

Ці загружаюцца мае файлы?

Не. Вашы файлы адкрываюцца і апрацоўваюцца ў браўзеры і не адпраўляюцца ў LibraTool. Некаторыя інструменты спачатку спампоўваюць у браўзер апрацоўчы рухавік або мадэль ШІ; у гэтай загрузцы няма вашых даных.

Ці працуе гэта на мабільным тэлефоне?

Так. Працуе ў сучасных мабільных браўзерах на iOS і Android, нічога ўсталёўваць не трэба. Вельмі вялікія файлы на тэлефоне могуць апрацоўвацца павольна або выклікаць нястачу памяці, таму для іх лепш выкарыстоўваць камп’ютар.

✨

Аптымізатар і мінімізатар SVG — бясплатна

Выдаляйце метаданыя, схлопвайце прабелы і акругляйце дзесятковыя дробы, каб значна паменшыць памер файла SVG — тыповыя скарачэнні ад 30 да 70%. Візуальны прагляд пацвярджае, што нічога не сапсавалася.

Памер файла залежыць ад вашай прыладыФайлы застаюцца прыватныміУваход не патрабуеццаБясплатна назаўсёды

Працуе афлайн пасля загрузкі

Перацягніце файл сюды або націсніце, каб выбраць

SVG · апрацоўваецца на вашай прыладзе

або націсніце Ctrl+V, каб уставіць з буфера абмену

Выбраць файлы

— або ўстаўце SVG ніжэй —

Вашы файлы ніколі не пакідаюць вашу прыладу. Уся апрацоўка адбываецца лакальна ў вашым браўзеры.

Тыповыя выкарыстанні

Аптымізаваць SVG іконкі для прадаванняУсуньце ненужныя метадатныя SVG іконак перад дачыненнем — тыповае паменьшэнне 50-80%.
Аптымізаваць брэнд логатыпаў SVGПаменшыце памер SVG-лагатыпа для хуткай загрузкі сайта без страты якасці.
Аптымізаваць ілюстрацыі і героў SVGДля большых ілюстрацыяў (героў, дэкаратыўнай графіка), аптымізацыя можа заштопацца 30-70% памер файла.
Сніжэнне памер комплекта JavaScriptКал SVG імпартаваны як React кампаненты ці ўбудаваны ў код, аптымізацыя SVG сніжае ваш JS комплект.
Ачысціце Figma / Sketch SVG экспортЭкспарт SVG з Figma і Sketch змяшчае шмат метаданых. Выдаліце іх перад выкарыстаннем у працоўным асяроддзі.

Як гэта працуе

Гэты інструмент памяншае памер файла SVG з дапамогай уласнаручна напісанага аптымізатара, які працуе цалкам у вашым браўзеры — без бібліятэк, без сервера. Ён спалучае два прагоны: убудаваны DOMParser/XMLSerializer браўзера для дакладнай працы на ўзроўні атрыбутаў, і мэтавыя замены рэгулярнымі выразамі для выдалення каментарыяў, метададзеных і згортвання прабелаў.

1
DOMParser санітызуе SVG
Перад любой аптымізацыяй убудаваны DOMParser браўзера счытвае SVG як XML і праходзіцца праз кожны элемент. Тэгі сцэнарыяў, апрацоўшчыкі падзей (любы атрыбут on*), элементы анімацыі і знешнія спасылкі URL выдаляюцца безумоўна — гэта выконваецца незалежна ад таго, якія опцыі аптымізацыі вы абралі.
2
Акругленне дзесятковых на аснове DOM
Калі акругленне дзесятковых уключана, аптымізатар праходзіцца праз разабраны DOM другі раз і прымяняе акругленне толькі да вядомых лічбавых атрыбутаў (дадзеныя d шляху, каардынаты, значэнні transform, шырыні абводкі і г.д.), выкарыстоўваючы рэгулярны выраз, які супадае з асобнымі лічбамі з плаваючай коскай, не пашкоджваючы злучаныя значэнні шляху, як .5.5.
3
Прагоны рэгулярных выразаў ачышчаюць серыялізаваную разметку
XMLSerializer вырабляе нармалізаваны XML, потым мэтавыя радковыя замены выдаляюць каментарыі HTML, метададзеныя рэдактараў Inkscape/Sodipodi, дэкларацыю XML, лішнія атрыбуты па змаўчанні (як version="1.1") і прабельныя сімвалы паміж тэгамі — кожны прагон вузка абмежаваны, так что змест тэкставых вузлоў ніколі не кранаецца.
4
Памер Gzip і фарматы экспарту
CompressionStream API браўзера вылічвае сапраўдныя памеры gzip як уводу, так і вываду, паколькі гэта тое, што сапраўды вызначае кошт перадачы ў вэбе. Аптымізаваны SVG можна спампаваць, скапіяваць як сыры SVG, канвертаваць у гатовыя для React JSX атрыбуты camelCase, ці закадаваць як CSS data URI — усе канвертацыі адбываюцца лакальна.

Ваш SVG счытваецца і апрацоўваецца цалкам унутры вашай укладкі браўзера — байты файла ніколі не пакідаюць вашу прыладу.

Звязаныя інструменты

🗜️

Мінімізатар і фарматавальнік CSS

Мінімізуйце CSS для памяншэння памеру файла або фарматуйце мінімізаваны CSS для зручнасці чытання. Імгненна, у вашым браўзеры.

Паспрабуйце

🗜️

Сціск GIF

Паменшце анімаваны GIF: умясціце яго ў ліміт памеру, напрыклад 256 KB для эмодзі Discord або 512 KB для стыкера, ці самі абярыце колеры, шырыню і кадры. Працуе ў браўзеры; GIF не загружаецца.

ПаспрабуйцеФайлы застаюцца лакальнымі

📄

PDF кампрэсар

Сціскайце файлы PDF, каб паменшыць іх памер. Выберыце ўзровень якасці — большае сцісканне азначае меншы файл, але меншую дакладнасць выяў.