SVG օպտիմայզեր ու մինիֆայեր անվճար
Հեռացրեք մետատվյալները, կծկեք բացատները ու կլորացրեք տասնորդականները՝ SVG ֆայլի չափն կտրուկ կրճատելու — սովորաբար 30–70%: Վիզուալ նախադիտումն ստուգում է, որ ոչինչ չի կոտրվում:
Գցեք ֆայլն այստեղ կամ սեղմեք՝ ընտրելու համար
SVG · մշակվում է ձեր սարքում
կամ սեղմեք Ctrl+V՝ սեղմատախտակից տեղադրելու համար
Ձեր ֆայլերը երբեք չեն հեռանում ձեր սարքից: Բոլոր մշակումները տեղի են ունենում տեղական ձեր դիտարկիչում:
Տարածված կիրառություններ
- SVG պատկերներ օպտիմալացրեք վեբ կայքի դրանից մեջՀեռացրեք անհարկի metadata icon SVG-ներից մեջ կողմ - տիպիկ 50-80% կրճատում:
- Brand Logo SVG-ներ օպտիմալացրեքԿրճատել SVG լոգո ֆայլի չափը ավելի արագ վեբ կայքի բեռնումի համար՝ առանց որակի զոհ տալ:
- Պատկերազարդումներ և Hero SVG-ներ օպտիմալացրեքԱվելի մեծ պատկերազարդումների (հերոսներ, դեկորատիվ գրաֆիկա) համար օպտիմալացումը կարող է հեռացնել ֆայլի չափի 30-70%:
- JavaScript Bundle չափը նվազեցրեքԵրբ SVG-ներ ներմուծվում են որպես React բաղադրիչներ կամ կոդում համբողջ, օպտիմալացումը JS bundle-ն չի հեռացնում:
- Figma / Sketch SVG արտահանումներ մաքրելFigma և Sketch SVG արտահանումներ ներառում են ընդարձակ metadata: Հեռացրեք կողմ մեջ օգտագործելուց անտեղի:
Ինչպես է այն աշխատում
Այս գործիքը կրճատում է SVG ֆայլի չափը՝ օգտագործելով ձեռագիր օպտիմիզացնող, որն ամբողջովին աշխատում է ձեր դիտարկիչում — ոչ մի գրադարան, ոչ մի սերվեր։ Այն համատեղում է երկու անցում. դիտարկիչի ներկառուցված DOMParser/XMLSerializer-ը հատկանիշ-մակարդակի ճշգրիտ աշխատանքի համար, և թիրախավորված regex փոխարինումներ մեկնաբանությունների հեռացման, մետատվյալների հեռացման և բացատների սեղմման համար։
- 1DOMParser-ը մաքրում է SVG-նՄինչև ցանկացած օպտիմիզացում, դիտարկիչի DOMParser-ը SVG-ն կարդում է որպես XML և անցնում է ամեն տարրով։ Script պիտակները, իրադարձության մշակիչները (ցանկացած on* հատկանիշ), անիմացիայի տարրերը, և արտաքին URL հղումները հեռացվում են անպայման — սա աշխատում է անկախ նրանից, թե ինչ օպտիմիզացման ընտրանքներ եք ընտրում։
- 2DOM-հիմքով տասնորդական կլորացումԵթե տասնորդական կլորացումը միացված է, օպտիմիզացնողը կրկին անցնում է վերլուծված DOM-ով և կլորացում կիրառում է միայն հայտնի թվային հատկանիշների վրա (path d տվյալներ, կոորդինատներ, transform արժեքներ, հարվածի լայնություններ և այլն), օգտագործելով regex, որը համապատասխանեցնում է առանձին լողացող-կետային թվեր՝ առանց miացյալ ուղու արժեքները, ինչպիսին է .5.5-ը, խախտելու։
- 3Regex անցումները մաքրում են սերիալացված նշագրումըXMLSerializer-ն արտադրում է նորմալացված XML, ապա թիրախավորված տողային փոխարինումները հեռացնում են HTML մեկնաբանությունները, Inkscape/Sodipodi խմբագրիչի մետատվյալները, XML հայտարարությունը, ավելորդ կանխադրված հատկանիշները (ինչպես version="1.1"), և պիտակների-միջև բացատները — ամեն անցում նեղորեն շրջանակված, որպեսզի տեքստային հանգույցի բովանդակությունը երբեք չշոշափվի։
- 4Gzip չափ և արտահանման ձևաչափերԴիտարկիչի CompressionStream API-ն հաշվարկում է ինչպես մուտքագրման, այնպես էլ ելքի իրական gzip չափերը, քանի որ դա է, որ իրականում որոշում է փոխանցման արժեքը վեբում։ Օպտիմիզացված SVG-ն կարող է ներբեռնվել, պատճենվել որպես հում SVG, փոխարկվել React JSX-պատրաստ camelCase հատկանիշների, կամ կոդավորվել որպես CSS տվյալների URI — բոլոր փոխարկումները տեղի են ունենում տեղում։
Ձեր SVG-ն կարդացվում և մշակվում է ամբողջովին ձեր դիտարկիչի ներդիրում — ֆայլի բայթերը երբեք չեն հեռանում ձեր սարքից։
Առնչվող գործիքներ
CSS մինիֆայեր և գեղեցկացուցիչ
Կրճատեք CSS-ն՝ ֆայլի չափը նվազեցնելու կամ կրճատված CSS-ն ընթեռնելիության համար գեղեցկացնելու: Ակնթարթային, ձեր բրաուզերում:
GIF սեղմիչ
Փոքրացրեք անիմացիոն GIF-ը՝ տեղավորեք չափի սահմանաչափի մեջ, օրինակ՝ Discord-ի 256 KB էմոջիի կամ 512 KB սթիքերի, կամ ինքներդ ընտրեք գույները, լայնությունը և կադրերը։ Աշխատում է ձեր դիտարկչում, GIF-ը չի վերբեռնվում։
PDF կոմպրեսոր
Սեղմեք PDF ֆայլերը՝ դրանց չափը նվազեցնելու համար։ Ընտրեք որակի մակարդակ — ավելի բարձր սեղմումը նշանակում է ավելի փոքր ֆայլեր, բայց պատկերների ավելի ցածր հստակություն։