SVG Oluşturucu ve Optimize Edici

Nasıl kullanılır

SVG Oluşturucu ve Optimize Edici nasıl kullanılır?

01
Bir araç seç
Aranabilir kenar çubuğundan bir Oluşturucu, Düzenleyici veya İşlemci seçin; toplamda 14 SVG yardımcı programı.
02
Ayarla veya yapıştır
Oluşturucular için kaydırıcıları ve renkleri ayarlayın veya SVG işaretlemenizi işlemcilere yapıştırın.
03
Canlı önizleme
Vektör, değiştirilebilir bir arka planla anında işlenir; işlemciler önceki/sonraki bayt tasarrufunu gösterir.
04
İhracat
Ham SVG, Veri URI'si veya CSS arka planı olarak kopyalayın veya optimize edilmiş .svg dosyasını indirin.

Kullanım örnekleri

Yaygın kullanım durumları

—Açılış sayfası kahraman bölümleri için dalga ve damla bölücüler oluşturun
—Web siteleri için kusursuz SVG arka plan desenleri oluşturun
—Üretime göndermeden önce simgeleri optimize edin ve küçültün
—Illustrator veya Inkscape dışa aktarmalarından editör hatalarını temizleyin
—Bir SVG'yi marka paletine uyacak şekilde saniyeler içinde yeniden renklendirin
—Birden çok simgeyi yeniden kullanılabilir tek bir SVG grafiğinde birleştirin

Genel Bakış

Çoğu sitede bulunmayan 14 SVG aracı

SVG Forge eksiksiz bir vektör çalışma tezgahıdır: dalgalar, lekeler, kesintisiz desenler, çokgenler, spiraller ve yıldızlar oluşturun; ham yolları düzenleyin ve viewBox'ları hesaplayın; ve SVG'leri optimize edin, küçültün, temizleyin, basitleştirin, yeniden renklendirin veya bir hareketli grafikte paketleyin. Her jeneratörün canlı bir önizlemesi ve kontrolleri vardır; her işlemcide önceki/sonraki boyut tasarrufu gösterilir. Çoğu araç sitesinin göz ardı ettiği bir boşluğu dolduruyor; özel, yüksek kaliteli SVG yardımcı programları tek bir yerde.

İstediğiniz şekilde kopyalayın, yerleştirin veya indirin

Her sonuç ham SVG işaretlemesi, yapıştırmaya hazır Veri URI'si veya CSS arka plan kuralı olarak kopyalanabilir ve .svg dosyası olarak indirilebilir. Jeneratörler hızlı keşif için rastgeleleştirmeyi ve sıfırlamayı destekler ve işlemciler tam olarak kaç bayt tasarruf ettiğinizi bildirir. Her şey tarayıcınızda yerel olarak çalışır; çiziminiz hiçbir zaman yüklenmez.

Özellikler

01: Tek stüdyoda 14 SVG oluşturucu ve işlemci
02: Dalga, damla, desen, çokgen, spiral ve yıldız oluşturucular
03: Boyut tasarruflu SVG optimize edici, küçültücü ve temizleyici
04: Yol düzenleyici, viewBox hesaplayıcı ve yol basitleştirici
05: Renk değiştirici ve çoklu simge hareketli grafik oluşturucu
06: SVG, Veri URI veya CSS olarak kopyalayın ve ayrıca .svg dosyasını indirin
07: Önce yerel — resminiz tarayıcıdan asla ayrılmaz

SSS

Sık sorulan sorular

Hangi SVG araçları dahildir?+

Ondört: Dalga, Blob, Desen, Çokgen, Spiral ve Yıldız oluşturucular; Yol Düzenleyici ve ViewBox Hesaplayıcı; ve Optimize Edici, Küçültücü, Temizleyici, Yol Basitleştirici, Renk Değiştirici ve Sprite oluşturucuların tümü tek bir arayüzde.

Bir SVG dosyasını ücretsiz olarak nasıl optimize edebilirim?+

Optimize Edici'yi açın, SVG işaretlemenizi yapıştırın ve ondalık hassasiyet, yorumları ve meta verileri çıkarma ve boşlukları daraltma gibi seçenekleri seçin. Araç, orijinal ile optimize edilmiş bayt boyutunu ve kaydedilen yüzdeyi gösterir, ardından sonucu kopyalamanıza veya indirmenize olanak tanır.

SVG dalgasını veya blobunu nasıl yaparım?+

Dalga veya Blob oluşturucuyu kullanın, kaydırıcıları (genlik, frekans, karmaşıklık, kontrast) ve renkleri ayarlayın; vektör güncellemelerini canlı olarak yapın. Varyasyonları keşfetmek için rastgele seçeneğine basın, ardından SVG'yi kopyalayın veya indirin.

SVG'yi CSS arka planı veya Veri URI'si olarak alabilir miyim?+

Evet. Her oluşturucu çıkışı üç dışa aktarma sekmesi sunar: ham SVG, kompakt bir Veri URI'si ve yapıştırmaya hazır CSS arka plan görüntüsü kuralı ve ayrıca tek tıklamayla .svg indirme olanağı.

SVG temizleyici neyi temizler?+

Vektör editörlerinin eklediği XML bildirimlerini, DOCTYPE'ı, yorumları, <meta veriler> ve editöre özel ad alanlarını (Inkscape ve Sodipodi) çıkarır ve geriye temiz, taşınabilir bir işaretleme bırakır. İsteğe bağlı olarak kimlik niteliklerini de kaldırabilirsiniz.

SVG'im bir sunucuya yüklendi mi?+

Hayır. Tüm oluşturma ve işleme, istemci tarafı JavaScript kullanılarak tarayıcınızda yerel olarak çalışır. Çiziminiz ve işaretlemeniz asla cihazınızdan ayrılmaz, bu nedenle özel ve anındadır.