SVG bir vektör formatıdır: çizgiler, şekiller ve yazılar matematiksel olarak tarif edilir, bu yüzden görsel ne kadar büyütülürse büyütülsün keskin kalır. Ancak sosyal medya, ofis belgeleri, birçok içerik yönetim sistemi ve mesajlaşma uygulamaları SVG kabul etmez. PNG ise sabit sayıda pikselden oluşan bir raster formattır. Dönüştürme sırasında kaç piksel istediğini belirlemen, sonucun ne kadar net olacağını belirler.
Bu araç SVG dosyalarını tarayıcının kendi çizim motoruyla piksele çevirir. Dosyaların bir sunucuya gönderilmez.
Nasıl kullanılır?
- SVG dosyalarını sayfaya sürükle ya da seç. Birden çok dosyayı aynı anda ekleyebilirsin.
- Çıktı formatını seç. PNG varsayılandır ve şeffaflığı korur; JPG ya da WebP de seçebilirsin. JPG'de şeffaf alanlar seçtiğin arka plan rengiyle dolar.
- Ölçeği belirle: SVG'nin kendi boyutunun 1x, 2x, 4x ya da 8x katı veya piksel cinsinden özel bir genişlik. Yükseklik orana göre otomatik hesaplanır.
- Sonuçları tek tek ya da ZIP olarak indir.
Hangi ölçeği seçmelisin?
SVG dosyalarında genellikle bir genişlik ve yükseklik bilgisi bulunur; ölçek bu boyutu temel alır. Örneğin 200 × 60 piksel olarak tanımlanmış bir logo şu boyutlara dönüşür:
| Ölçek | Çıktı boyutu | Uygun kullanım |
|---|---|---|
| 1x | 200 × 60 | standart ekranlarda web sayfası |
| 2x | 400 × 120 | telefonlar ve yüksek yoğunluklu ekranlar |
| 4x | 800 × 240 | sunum, belge, büyütülerek kullanılacak yerler |
| 8x | 1600 × 480 | büyük afiş, baskı için kaynak |
SVG dosyasında genişlik ve yükseklik tanımlı değilse araç 1024 piksellik bir boyutu esas alır. Hedef ölçüyü biliyorsan tahmin yürütmek yerine özel genişlik alanına doğrudan yaz.
Baskı için gereken pikseli hesaplamak kolaydır: santimetreyi 2,54'e böl, DPI ile çarp. 8 cm genişliğinde 300 DPI baskı için 8 / 2,54 × 300 ≈ 945 piksel gerekir. Farklı ölçüleri hızlıca hesaplamak için cm ve piksel dönüştürücü aracını kullanabilirsin.
Yazı tipleri ve dış görseller
SVG dosyası dışarıdan yüklenen bir yazı tipine ya da başka bir dosyadaki görsele bağlantı veriyorsa, tarayıcının güvenlik kuralları nedeniyle bunlar çıktıya yansımayabilir. Sonuçta yazılar farklı bir yazı tipiyle görünebilir ya da bazı görseller eksik kalabilir.
Bunun kalıcı çözümü dosyayı hazırlayan tasarım programındadır. Yazıları eğriye (dış hatlara) çevirip dışa aktarırsan yazı tipi artık şekil olarak dosyanın içinde yer alır. Kullanılan görselleri bağlantı yerine dosyaya gömmek de aynı sorunu önler. Dönüştürdükten sonra sonucu her zaman önizlemede kontrol et.
Bir ipucu daha: beyaz ya da çok açık renkli bir logo şeffaf zeminde dönüştürüldüğünde, beyaz arka planlı bir görüntüleyicide hiç görünmüyormuş gibi durabilir. Bu bir hata değildir; logo yerindedir, yalnızca zeminle aynı renktedir. Görseli koyu bir sayfada kullanacaksan PNG'yi şeffaf bırak, beyaz bir belgeye koyacaksan logonun koyu sürümünü dönüştürmeyi düşün.
Sık sorulan sorular
PNG'm neden bulanık görünüyor?
Seçtiğin ölçek, görselin kullanılacağı boyuttan küçük olabilir. PNG'yi sonradan büyütmek bulanıklık yaratır. Dönüştürmeyi 2x, 4x ya da kullanılacak boyuta uygun özel genişlikle tekrarla.
Arka plan şeffaf kalır mı?
PNG ve WebP çıktılarında evet. JPG şeffaflığı desteklemediği için şeffaf alanlar seçtiğin arka plan rengiyle doldurulur.
SVG logomdan simge ya da favicon yapabilir miyim?
Evet. Windows ve site simgesi için ICO oluştur, sitenin tüm simge boyutları için favicon paketi aracını kullanabilirsin. Hangi dosyalara ihtiyaç olduğunu favicon nasıl yapılır rehberinde anlattık.
SVG formatı hakkında daha fazla bilgiyi nerede bulurum?
SVG formatı sayfasında formatın güçlü ve zayıf yönlerini ve ne zaman kullanılması gerektiğini bulabilirsin.