Geliştirici araçları

SVG çizimini daha temiz, yeniden kullanılabilir koda dönüştürme

SVG dosyalarını web sitelerine, tasarım sistemlerine ve bileşenlere yapıştırabileceğiniz işaretlemeye çevirin.

SVG her boyutta keskin kalır ama dışa aktarılan dosyalar sık sık fazla meta veri ve kullanılmayan gruplar içerir.

SVG’yi yükleyin, üretilen kodu inceleyin ve yalnızca anladığınız kısımları kaldırın. viewBox ve temel path verilerini koruyun.

Daha temiz SVG kodu React veya HTML bileşenlerinde temalandırma, animasyon ve bakımı kolaylaştırır.

Optimize ettikten sonra işaretlemeyi projeye yapıştırın ve simgelerin çevredeki metinle hâlâ hizalı olduğunu doğrulayın.

Tasarımcıların çizimi sonra güncelleyeceğini düşünüyorsanız kaynak SVG’yi ayrı saklayın.

Bloga dönİlgili bir aracı dene
Görüntü dönüştürme

Netliği kaybetmeden JPG’yi WEBP’ye dönüştürme

JPG fotoğrafları web ve paylaşım için daha hafif WEBP dosyalarına çevirmenin pratik adımları.

Makaleyi oku
Görüntü sıkıştırma

Görüntüleri bulanıklaştırmadan sıkıştırma

Web sayfaları, mağazalar ve portfolyolar için yeterli ayrıntıyı koruyarak dosya boyutunu nasıl küçülteceğinizi öğrenin.

Makaleyi oku
Görüntü boyutlandırma

Sosyal medya için görüntü boyutunu birkaç adımda ayarlama

Yanlışlıkla germeden veya kırpmadan gönderi, hikâye ve banner için tam boyutlar belirleyin.

Makaleyi oku