Bepul SVG Optimallashtiruvchi va Siquvchi

SVG fayl hajmini sezilarli darajada kamaytirish uchun metama'lumotlarni olib tashlang, bo'shliqlarni yig'ing va o'nli kasrlarni yaxlitlang — odatda 30-70% qisqarish. Vizual oldindan ko'rish hech narsa buzilmaganini tasdiqlaydi.

Yuklangandan keyin oflayn ishlaydi

Fayllarni shu yerga tashlang yoki ko'rish uchun bosing

SVG · Fayl hajmi cheklovsiz

yoki buferdan joylash uchun Ctrl+V bosing

Fayllarni ko'rish
— yoki quyida SVG joylashtiring —

Fayllaringiz qurilmangizdan hech qachon chiqmaydi. Barcha ishlov berish brauzeringizda mahalliy tarzda amalga oshiriladi.

Qanday ishlaydi

Bu asbob to'liq brauzeringizda ishlaydigan qo'lda yozilgan optimallashtirgich yordamida SVG fayl o'lchamini kamaytiradi — kutubxonasiz, serversiz. U ikkita o'tishni birlashtiradi: atribut-darajasidagi aniqlik ishi uchun brauzerning o'rnatilgan DOMParser/XMLSerializer'i va izoh kesish, metama'lumot olib tashlash va bo'shliq siqish uchun maqsadli regex almashtirishlari.

  1. 1
    DOMParser SVG'ni tozalaydi
    Har qanday optimallashtirishdan oldin, brauzerning DOMParser'i SVG'ni XML sifatida o'qiydi va har bir elementni aylanib o'tadi. Skript teglari, hodisa boshqaruvchilari (har qanday on* atributi), animatsiya elementlari va tashqi URL havolalari shartsiz olib tashlanadi — bu qaysi optimallashtirish variantlarini tanlaganingizdan qat'i nazar ishlaydi.
  2. 2
    DOM-asosidagi o'nlik yaxlitlash
    Agar o'nlik yaxlitlash yoqilgan bo'lsa, optimallashtirgich tahlil qilingan DOM'ni ikkinchi marta aylanib o'tadi va yaxlitlashni faqat ma'lum raqamli atributlarga (yo'l d ma'lumoti, koordinatalar, transformatsiya qiymatlari, chiziq kengliklari va h.k.) qo'llaydi, .5.5 kabi birlashtirilgan yo'l qiymatlarini buzmasdan alohida suzuvchi-nuqtali raqamlarni moslashtiradigan regexdan foydalanib.
  3. 3
    Regex o'tishlari serializatsiya qilingan belgilashni tozalaydi
    XMLSerializer normalizatsiya qilingan XML ishlab chiqaradi, so'ng maqsadli satr almashtirishlari HTML izohlarini, Inkscape/Sodipodi muharrir metama'lumotini, XML deklaratsiyasini, ortiqcha standart atributlarni (version="1.1" kabi) va teglar orasidagi bo'shliqni kesib tashlaydi — har bir o'tish tor doirada bo'lib, matn tugun tarkibi hech qachon tegilmaydi.
  4. 4
    Gzip o'lchami va eksport formatlari
    Brauzerning CompressionStream API'si kirish va chiqishning haqiqiy gzip o'lchamlarini hisoblaydi, chunki bu vebda transfer narxini haqiqatan belgilaydigan narsa. Optimallashtirilgan SVG'ni yuklab olish, xom SVG sifatida nusxalash, React JSX-tayyor camelCase atributlariga o'girish yoki CSS ma'lumot URI sifatida kodlash mumkin — barcha o'girishlar mahalliy sodir bo'ladi.

SVG'ingiz to'liq brauzer yorlig'ingiz ichida o'qiladi va qayta ishlanadi — fayl baytlari hech qachon qurilmangizdan chiqmaydi.

Tegishli asboblar

Ko'p so'raladigan savollar