Online SVG Temizleyici

Figma, Adobe Illustrator veya Inkscape'ten dışa aktarılan SVG dosyalarını optimize edin ve temizleyin. Meta verileri, gereksiz öznitelikleri ve boş grupları kaldırarak üretim ortamına hazır bir SVG elde edin.

Araç Stüdyosu

Bu aracı kendi sitenizde kullanmak ister misiniz?

WordPress, Notion veya kendi siteniz için renkleri ve karanlık modu özelleştirin.

Hemen Başla

Sıkça Sorulan Sorular

Gömülü SVG içeren tam bir sayfa HTML'sini yapıştırabilirim?

Evet. Temizleyici HTML içindeki SVG öğesini tespit eder ve işlemek için yalnızca bu bloğu çıkarır. SVG parçasını doğrudan yapıştırsanız da çalışır.

Illustrator SVG'leriyle çalışır mı?

Evet. Illustrator, SVG'leri XML deklarasyonları, meta verileri ve temizleyicinin kaldırdığı özel ad alanlarıyla dışa aktarır. Sonuç, tüm modern tarayıcılarla uyumlu bir SVG'dir.

Temizleme ile minifikasyon arasındaki fark nedir?

Temizleme gereksiz öznitelikleri ve etiketleri kaldırır ancak kodu okuyabilmeniz ve düzenleyebilmeniz için girintili biçimi korur. Minifikasyon ayrıca dosya boyutunu maksimuma indirmek için her şeyi tek satıra daraltır.

ID'lerin kaldırılması SVG'yi kırabilir mi?

Yalnızca SVG içindeki bir öğe başka bir öğeyi ID ile referans gösterirse, örneğin fill="url(#gradient)" aracılığıyla. Bu durumda Kimlik Kaldır seçeneğini devre dışı bırakın. Tam da bu sorunu önlemek için varsayılan olarak devre dışıdır.

SVG kodum herhangi bir sunucuya gönderilir mi?

Hayır. Tüm işlemler tarayıcınızda yerel DOMParser ve XMLSerializer API'leri kullanılarak gerçekleşir. Kod asla cihazınızı terk etmez.

# SVG Temizleyici: Figma ve Illustrator'dan Temiz Kod

Figma, Adobe Illustrator veya tarayıcı inceleme aracından dışa aktarılan herhangi bir SVG yapıştırın ve üretim ortamına hazır temiz, optimize edilmiş bir vektör dosyası elde edin.

# Neden dışa aktarılan SVG dosyaları bu kadar kiridir?

Figma'dan bir SVG dışa aktardığınızda, yalnızca uygulama içinde anlamlı özniteliklerle dolu bir dosya alırsınız: data-name, xml:space, iç katmanlara referanslar ve tasarım meta verileri. Sonuç gerekli olandan %40-70 daha ağır bir SVG'dir.

# Temizleyicinin kaldırdığı şeyler

  • Editör meta verileri: Figma ve Illustrator'un otomatik olarak eklediği metadata, title ve desc etiketleri.
  • Inkscape ad alanları: inkscape: ve sodipodi: önekine sahip tüm öğeler.
  • Gereksiz öznitelikler: xml:space, version, fazlalık xmlns:* ve Figma data-* öznitelikleri.
  • Boş gruplar: silinen katmanlardan kalan içeriği olmayan <g> öğeleri.
  • XML deklarasyonları: SVG'yi HTML'ye gömerken gereksiz olan <?xml version="1.0"?> deklarasyonu ve DOCTYPE.

Bibliyografik Referanslar

Daha fazla araç: Web Geliştirme

Ücretsiz Çevrimiçi JSON Formatlayıcı ve Doğrulayıcı

JSON kodunu formatlamak, doğrulamak ve onarmak için ücretsiz çevrimiçi araç. JSON'u güzelleştirin ve düzenleyin. Sözdizimi hatalarını algılar ve kodun okunabilirliğini artırır.

Aracı Kullan

Ücretsiz Çevrimiçi SVG CSS ve Data URI Dönüştürücü

SVG ikonlarınızı ve vektörlerinizi CSS koduna (Background veya Mask) veya sıkıştırılmış Data URI'ye dönüştürün. Harici HTTP isteklerini ortadan kaldırarak web sitenizin performansını optimize edin.

Aracı Kullan

Piksel Cinsinden En Boy Oranı Hesaplayıcı. Çevrimiçi Oranlar

Grafiklerin bozulmasını önlemek için tam oranı koruyarak yeni görüntü, video ve web tasarım çözünürlüklerini hesaplayın. 16:9, 4:3, 21:9 ve özel formatları destekler.

Aracı Kullan

Yer Tutucu Resim Üreteci. Hızlı Web Mockup'ları Çevrimiçi

Web tasarımlarınız için özel yer tutucu resimler oluşturun. Çözünürlüğü, arka planı, metni ayarlayın ve PNG, WebP veya JPEG olarak anında dışa aktarın.

Aracı Kullan

Çevrimiçi URL Kodlayıcı ve Çözücü

Herhangi bir bağlantıdaki özel karakterleri güvenli formata (Percent-Encoding) dönüştürün veya anında ve yerel olarak orijinal okunabilir durumuna geri döndürün.

Aracı Kullan

Yinelenen CSS Kaldırma Aracı. Stil Sayfalarınızı Birleştirin ve Temizleyin

Yinelenen CSS kodunu temizlemek ve kaldırmak için ücretsiz araç. Gereksiz seçicileri birleştirir, cascade'i korur ve tarayıcıda anında dosya boyutunu küçültür.

Aracı Kullan

CSS Satır İçi HTML Dönüştürücü. Epostaları İçin Satır İçi Işlemci

Stil sayfalarınızı ve CSS sınıflarınızı otomatik olarak satır içi stillerle HTML'ye dönüştürün. E-bültenleri, işlemsel e-postaları ve güvenli web düzeni için ideal.

Aracı Kullan

CSS Özgüleşme Hesaplayıcı Çevrimiçi. Seçici Ağırlık Görselleştiricisi

Herhangi bir CSS seçicinin özgüleşmesini ve tam ağırlığını hesaplayın. Hangi CSS kuralının kaskada galip geldiğini anlamak için görsel araç ve !important kullanımından kaçının.

Aracı Kullan

Online Cron İfadesi Oluşturucu. Çevirmen ve Görselleştirici

Linux Cron ifadeleri oluşturmak için ücretsiz görsel araç. * * * * * ifadesini insan diline çevirir ve sonraki 5 çalışmayı gerçek zamanlı olarak gösterir.

Aracı Kullan

Çevrimiçi Klavye Tuş Kodu Görselleştiricisi. Tuş Kodu İnceleyicisi

Herhangi bir klavye tuşunun event.key, event.code, event.which ve konumunu gerçek zamanlı olarak görmek için ücretsiz çevrimiçi araç. Kullanıma hazır JavaScript kod parçacıkları oluşturur.

Aracı Kullan

LLM Maliyet Hesaplayıcısı. AI Model Fiyatlandırma Tahmincisi

LLM API çağrılarının maliyetini tahmin etmek için ücretsiz çevrimiçi araç. GPT-4o, Claude, Gemini, Llama ve daha fazlasını milyonda tokencik gerçek fiyatlarla karşılaştırın.

Aracı Kullan

Müziksel Tipografi Ölçeği. Modüler Ölçek Hesaplayıcısı

Müziksel oranlarına dayalı modüler ölçekler kullanarak uyumlu görsel hiyerarşiler oluşturmak için ücretsiz çevrimiçi araç. Web tasarımınız için kullanıma hazır CSS değişkenleri oluşturur.

Aracı Kullan

Mobil Mockup Üreticisi App Store İçin. iPhone ve Google Pixel

App Store ve Google Play için profesyonel sunumlar oluşturun. iPhone ve Pixel mockup'ları özel arka planlarla, panoramik düzenlerle ve yüksek çözünürlüklü toplu dışa aktarma.

Aracı Kullan

Çevrimiçi Güvenlik Hash Oluşturucu

MD5, SHA-1, SHA-256 ve SHA-512 karmalarını anında hesaplayın. Geliştiriciler için ücretsiz, özel ve ultra hızlı güvenlik aracı. %100 İstemci Tarafı (Client-Side).

Aracı Kullan

Özel AI Prompt Kütüphanesi

ChatGPT, Midjourney ve Claude promptlarınızı özel olarak düzenleyin, etiketleyin ve kaydedin. Kendi prompt bankanız localStorage'da.

Aracı Kullan

Online Renk Dönüştürücü RGB HEX ve HSL

RGB, HEX ve HSL arasında anında renk dönüşümü yapın. Tamamlayıcı renk uyumları oluşturun ve WCAG kontrastını analiz edin. %100 istemci tarafı ve özel.

Aracı Kullan

Görsel Okunabilirlik Hesaplayıcısı WCAG ve APCA

APCA (WCAG 3.0) ile tasarımlarınızın gerçek kontrastını kontrol edin. Yazı tipi ağırlığı ve boyutunun gerçek okunabilirliği nasıl etkilediğini analiz edin.

Aracı Kullan

Google Analytics için UTM Parametre Oluşturucu

Dijital pazarlama kampanyalarınız için hassas izleme bağlantıları oluşturun. Google Analytics ve diğer analiz araçları için optimize edilmiştir.

Aracı Kullan

URL İzleme Temizleyicisi: UTM, FBCLID ve GCLID Kaldırın

URL'lerinizden izleme ve reklam parametrelerini otomatik olarak kaldırın. Temiz bağlantıları paylaşın ve dijital gizliliğinizi anında koruyun.

Aracı Kullan

Çevrimiçi SSL/TLS Sertifika İnceleme PEM ve CRT Dosyalarını Görüntüle

SSL sertifika dosyalarını (.pem, .crt, .der) yerel olarak analiz edin. Sona erme tarihlerini, yayımcıları, konuları ve SHA-256 parmak izlerini kontrol edin ve verileriniz tarayıcınızdan çıkmaz.

Aracı Kullan

Security.txt Oluşturucu RFC 9116

Güvenlik açığı raporlamayı kolaylaştırmak ve uluslararası web güvenliği standartlarına uyum sağlamak için profesyonel security.txt dosyası oluşturun.

Aracı Kullan

Veri Zamanı Hesaplayıcı: Web Hızının Etkisi

Kullanıcılarınızın 3G, 4G ve 5G bağlantılarında web sitenizin yüklenmesini beklerken ne kadar yaşam süresi kaybettiğini keşfedin. Sitenizin ağırlığının gerçek etkisini hesaplayın.

Aracı Kullan

Excel ve CSV'den HTML Tablosuna Dönüştürücü Kod Oluşturucu

Excel veya CSV verilerinizi anında temiz, semantik HTML tablolarına dönüştürün. Geliştiriciler ve içerik oluşturucular için ücretsiz araç.

Aracı Kullan