SVG küçültme: SVG dosyasını optimize edin

Nasıl çalışır?

SVG dosyasını kutudan seçin ve SVG'yi küçült düğmesine basın. Araç, çizim programının dosyaya eklediği ama görüntüye hiçbir katkısı olmayan bilgileri siler: Inkscape ve Illustrator'ın kendi ayarları, yazar ve lisans bilgisi (metadata), yorum satırları, boş gruplar ve varsayılan değeri yazılmış nitelikler. Ardından şekillerin koordinatlarını kısaltır; 20.987654 gibi altı basamaklı bir sayı, 3 basamak ayarında 20.988 olur. Örneğin Inkscape'ten kaydedilmiş 40 şekilli, 21 KB'lık bir logo 3 basamakla 13 KB'a (%38 küçülme), 1 basamakla 11 KB'a iner. Sonuç dosyası aynı adla, sonuna .min eklenerek indirilir; asıl dosyanız değişmez. Dosya hiçbir sunucuya gönderilmez, işlem tarayıcınızda biter.

Bu araç svg optimize etme, svg optimizer, svg minify aramalarıyla da biliniyor.

SVG nedir?

SVG (Scalable Vector Graphics), görüntüyü piksellerle değil şekillerin tarifiyle saklayan bir görsel biçimidir: "şu noktadan şu noktaya bir çizgi, içi lacivert" gibi. Tarif düz metin olarak yazıldığı için dosya bir metin düzenleyicide açılabilir ve içindeki her gereksiz karakter boyuta eklenir; küçültme de bu metni kısaltarak yapılır, görüntüye dokunmadan.

SVGO nedir?

SVGO (SVG Optimizer), SVG dosyalarını küçültmek için en yaygın kullanılan açık kaynak araçtır; web sitesi derleme araçlarının çoğu SVG'leri arka planda onunla işler. Bu sayfa SVGO'nun tarayıcı sürümünü kullanır: dosya bir sunucuya gönderilmeden, onlarca küçük temizlik adımı sırayla ve dosya daha fazla küçülmeyene kadar tekrar tekrar uygulanır.

SVG küçültme ile SVGZ sıkıştırma arasındaki fark nedir?

Küçültme dosyanın içindeki gereksiz kodu siler; sonuç yine her programın açabildiği düz bir .svg dosyasıdır. SVGZ ise SVG'nin gzip ile paketlenmiş hâlidir; metni silmez, ZIP gibi sıkıştırır ve açılmak için önce çözülmesi gerekir. İkisi birbirinin yerine geçmez: web sunucuları SVG'yi gönderirken zaten gzip uygular, bu yüzden web için en iyi sonuç önce küçültülmüş düz .svg kullanmaktır.

Görünüm neden bozulabilir: hassasiyet ve kimlikler

Sayı hassasiyeti küçültmenin en etkili ama tek riskli ayarıdır. Bir simge 24 × 24 birimlik bir alana çiziliyorsa 1 basamak (0,1 birim) yeterlidir; aynı ayar 0,05 birim kalınlığında çizgiler taşıyan bir haritada köşeleri kaydırır ve ince çizgiler birbirine yapışır. Sonucu tarayıcıda açıp asıl dosyayla yan yana karşılaştırın; fark görürseniz bir üst basamağa çıkın.

İkinci tuzak kimliklerdir (id). Bir web sitesi tek bir SVG içindeki simgeleri <use href="simgeler.svg#ev"> diye adıyla çağırıyorsa ya da CSS ve JavaScript bir öğeye id ile ulaşıyorsa, küçültücü dosyanın içinde hiçbir yerde çağrılmayan simgeleri (symbol) tümden siler, kalan adları "a", "b" diye kısaltır; dosya tek başına doğru görünür ama sitede simgeler kaybolur. Sonuç satırı silinen simge sayısını uyarı olarak yazar. Böyle bir dosyada Kimlikler ayarını Korunsun yapın.

Hangi SVG ne kadar küçülür?

Kazanç dosyanın nereden geldiğine bağlıdır. Çizim programlarından doğrudan kaydedilen dosyalar en çok küçülür, çünkü bu programlar dosyayı sonradan yeniden açabilmek için kendi ayarlarını ve katman adlarını içine yazar. Elle yazılmış ya da daha önce küçültülmüş bir SVG ise birkaç yüzdeden fazla küçülmez.

• Inkscape "Inkscape SVG" kaydı → en çok küçülen tür; editör bilgisi dosyanın büyük kısmını tutabilir
• Illustrator "Farklı Kaydet → SVG" → yorum ve gereksiz grup temizlenir, orta düzey kazanç
• Figma ve Canva dışa aktarımı → zaten sade; kazanç çoğunlukla sayı kısaltmasından gelir
• İçine fotoğraf gömülmüş SVG → küçülmez; sonuç satırı bunu söyler, fotoğrafı ayrıca sıkıştırmak gerekir

Sık sorulanlar

SVG dosyasının boyutu nasıl küçültülür?

Dosyayı bu araca seçin ve SVG'yi küçült düğmesine basın. Görüntüyü etkilemeyen editör bilgileri ve yorumlar silinir, koordinatlar kısaltılır. Sonuç satırında önceki ve sonraki boyutu ve küçülme yüzdesini görürsünüz.

SVG küçültünce kalite düşer mi?

Önerilen 3 basamak ayarında gözle görülür bir fark olmaz, çünkü silinen bilgilerin çoğu görüntüye hiç yansımaz. Kalite yalnızca sayı hassasiyeti 1 ya da 2 basamağa indirildiğinde ince çizimlerde değişebilir; SVG vektör olduğu için büyütünce bulanıklaşma ise hiçbir ayarda olmaz.

SVG dosyam neden küçülmedi?

Dosya daha önce bir küçültücüden geçmişse ya da elle sade yazılmışsa silinecek bir şey kalmamıştır. Diğer sık sebep, dosyanın içine Base64 ile gömülmüş bir fotoğraftır: bu araç vektör kodu küçültür, gömülü fotoğrafa dokunmaz. Sonuç satırı fotoğrafın dosyanın ne kadarını tuttuğunu yazar.

Küçültülmüş SVG'yi yeniden düzenleyebilir miyim?

Evet, dosya standart bir SVG olarak kalır ve Inkscape, Illustrator ya da Figma ile açılır. Yalnızca katman adları ve editöre özgü ayarlar gider; bu yüzden üzerinde çalışmaya devam edeceğiniz asıl dosyayı saklayın, küçültülmüş sürümü web sitesine ya da uygulamaya koyun.