Nasıl Kullanılır
- Karmaşık bir tasarım dışa aktarımını incelemek için "Örnek SVG Yükle"ye tıklayın veya kendi
.svgdosyanızı araca bırakın. - Ayrıca Figma, Illustrator, Sketch veya bir kod tabanından kopyalanan ham
<svg>kodunu da yapıştırabilirsiniz. - Daha güvenli varsayılan optimizasyon için "Standart"ı seçin. Dosya boyutunu daha da küçültmek istediğinizde "Agresif"e geçin.
- "Orijinal boyut", "Optimize boyut" ve "Tasarruf" değerlerini inceleyin, ardından belirgin görsel değişiklikler olup olmadığını görmek için önizlemeyi kontrol edin.
- HTML, React veya ikon bileşenleri için "SVG Kodunu Kopyala"ya tıklayın veya optimize edilmiş dosyayı kaydetmek için "SVG İndir"e tıklayın.
Örnek: Bir tasarım aracından dışa aktarılan marka ikonunu yapıştırın, tasarruf yüzdesini ve önizlemeyi onaylayın, ardından bir web sitesi gezinti çubuğu veya buton simgesi için küçültülmüş satır içi SVG'yi kopyalayın.
Temel Özellikler
- SVGO Destekli SVG Sıkıştırma: Vektör işaretlemesinden meta verileri, boş grupları ve sıkıştırılabilir öznitelikleri kaldırmak için tarayıcı tabanlı SVGO'yu çalıştırın.
- Figma ve Illustrator Dışa Aktarımlarını Temizleyin: Tasarım araçlarından gelen ayrıntılı SVG'leri dağıtımı daha kolay olan daha temiz ikon koduna dönüştürün.
- Anlık Boyut Karşılaştırması: Bir varlığı değiştirmeden önce orijinal boyutu, optimize edilmiş boyutu ve tasarruf edilen yüzdeyi kontrol edin.
- Kodu Kopyalayın veya İndirin: Satır içi HTML veya bileşenler için optimize edilmiş
<svg>kodunu kopyalayın ya da yeni bir.svgdosyası indirin. - Gizli Varlıklar İçin Yerel İşleme: Dosya okuma, SVGO optimizasyonu, önizleme, kopyalama ve indirme işlemlerinin tümü tarayıcınızda gerçekleşir.
İlgili Araçlar
Bulanık işaretlemelerden mi şikayetçisiniz? EasyTools, kayıpsız SVG ölçekleme ve yüksek kaliteli WebP dışa aktarımını destekleyen evrensel bir damgalama aracı sunar. Şeffaflığı koruyun ve JSON koordinat verilerini yerel olarak dışa aktarın.
Fotoğrafı düzenlenebilir boncuk şablonuna çevirin; referans paletleri, boncuk sayımı, PNG, CSV ve 1:1 PDF dışa aktarımı. Tarayıcıda yerel işleme.
JPG, PNG ve WebP görsellerini tarayıcınızda yerel olarak yeniden boyutlandırın. Genişliği ve yüksekliği ayarlayın, en-boy oranını kilitleyin ve yükleme yapmadan indirin.
WebP, JPG, PNG ve diğer görsel formatlarını tarayıcınızda yerel olarak dönüştürün. Dosya yüklemesi veya yapay boyut sınırı olmadan toplu sürükleyin, önizleyin, kaliteyi ayarlayın ve indirin.
PNG, JPG veya WebP resimlerini çok boyutlu bir ICO favicon'a dönüştürün. Canvas destekli, istemci tarafında çalışan, ücretsiz ve dosya yüklemeden indirmeye hazır.
SVG vektör dosyalarını doğrudan tarayıcınızda şeffaf PNG resimlerine dönüştürün. Yükleme yapmadan birden çok dosyayı 2x, 4x veya 8x ölçekte dışa aktarın.
iPhone HEIC fotoğraflarını tarayıcınızda anında JPG formatına dönüştürün. %100 gizli, sınırsız toplu dönüştürme, dosya boyutu sınırı yok. Tüm işlemler yereldir.
Adobe Illustrator (.ai) dosyalarını doğrudan tarayıcınızda PDF, JPG veya PNG formatına dönüştürün. Dosya boyutu sınırı ve sunucu yüklemesi olmadan %100 yerel ve gizlilik odaklı dönüştürme.
Hesaplama Mantığı
SVG optimizasyonu görüntüyü rasterleştirmez. XML tabanlı vektör işaretlemesini temizler. Bu araç düzenleyici meta verilerini kaldırmak, gereksiz grupları birleştirmek, boş nitelikleri atmak, yolları sıkıştırmak ve koordinatları yuvarlamak için doğrudan tarayıcıda SVGO çalıştırır.
"Standart" mod çoğu ikon ve çizim için daha güvenli varsayılan moddur. "Agresif" mod çok geçişli optimizasyonu ve daha kısa sayısal hassasiyeti etkinleştirir; bu da boyutu daha da azaltabilir ancak son derece karmaşık yolları hafifçe değiştirebilir. Çıktı kopyalayabileceğiniz veya indirebileceğiniz düzenlenebilir vektör SVG olarak kalır.
Sıkça Sorulan Sorular
SVG dosya boyutunu nasıl küçültebilirim?
Tasarım aracı meta verilerini, boş grupları, gereksiz öznitelikleri ve sıkıştırılabilir yol verilerini kaldırın. Bu araç tarayıcınızda bu SVGO optimizasyonlarını çalıştırır ve tasarruf edilen yüzdeyi gösterir.
Figma'dan aktarılan SVG kodunu nasıl temizleyebilirim?
Dışa aktarılan .svg dosyasını araca bırakın veya ham <svg> kodunu yapıştırın. "Standart" ile başlayın, önizlemeyi kontrol edin, ardından optimize edilmiş sonucu kopyalayın veya indirin.
Bir SVG'yi sıkıştırmak kaliteyi düşürür mü?
Genellikle hayır. SVG vektör kodudur ve SVGO çoğunlukla görünmez meta verileri ve gereksiz yapıyı kaldırır. Çok karmaşık yollar "Agresif" modda hafifçe kayabilir, bu nedenle üretim varlıklarını değiştirmeden önce önizlemeyi kontrol edin.
Bu araç ikonlarımı veya çizimlerimi yüklüyor mu?
Hayır. Dosya okuma, SVGO optimizasyonu, önizleme, kopyalama ve indirme işlemlerinin tümü tarayıcınızda yerel olarak gerçekleşir.
Optimize edilmiş SVG'yi HTML içinde satır içi kullanabilir miyim?
Evet. "SVG Kodunu Kopyala" satır içi HTML, React bileşenleri veya ikon sistemleri için eksiksiz <svg> kodunu kopyalar.
PNG veya JPG'yi SVG'ye dönüştürebilir mi?
Hayır. Bu araç yalnızca mevcut SVG vektör kodunu optimize eder; raster görüntüleri vektörleştirmez.