SVG'den Görsel Dönüştürücü

Evet. SVG bir vektör formatıdır, yani şekiller pikseller yerine matematiksel yollarla tanımlanır. Bunu PNG gibi bir raster formata dönüştürdüğünüzde, araç SVG'yi belirttiğiniz tam piksel boyutlarında çizer. Görüntüyü kullanmayı planladığınız boyuta eşit veya daha büyük bir boyutta işlediğiniz sürece kalite kusursuzdur. Görünür bir bozulma olmadan retina/yüksek-DPI ekranlar için 2x veya 3x ölçekte oluşturmak için Scale ayarını kullanın.

Scale, çıktı boyutlarını çarpar. Eğer SVG'nizin 100x100 piksellik bir viewBox alanı varsa ve Scale değerini 2 yaparsanız, çıktı PNG'si 200x200 piksel olacaktır. Retina kalitesinde görüntüler bu şekilde oluşturulur: 2x ölçek, her mantıksal pikselin bir Retina ekranında 4 fiziksel piksele dönüşmesi anlamına gelir ve görüntüyü keskin tutar. Çoğu web kullanım durumu için 2x idealdir. Çok büyük görüntülere veya baskıya hazır çıktılara ihtiyacınız olduğunda yalnızca 3x kullanın.

Şeffaf bir arka plan (yalnızca PNG ve WebP) kullanabilir veya renk seçiciyi kullanarak düz bir arka plan rengi seçebilirsiniz. Şeffaf arka plan, SVG'nizdeki tüm şeffaf alanları korur ve diğer içeriklerin üzerine yerleştirilmesi gereken simgeler, logolar ve illüstrasyonlar için idealdir. JPG şeffaflığı desteklemez — şeffaf bir SVG'yi JPG'ye dönüştürürseniz, şeffaf alanlar varsayılan olarak beyaz olur.

Evet. Width (Genişlik) ve Height (Yükseklik) alanları, tam piksel boyutlarını belirtmenize olanak tanır. Varsayılan olarak Auto, SVG'nin viewBox özniteliğinden gelen doğal boyutlarını kullanır. Özel boyutlar ayarlamak, SVG'yi belirtilen boyutu dolduracak şekilde esnetir veya küçültür. Sadece genişlik veya sadece yükseklik ayarlarsanız, diğer boyut oranı korumak için doğru orantılı olarak ölçeklenir. Bu, tek bir SVG kaynağından küçük resimler (thumbnail), belirli sosyal medya boyutları veya çoklu çözünürlükteki simge setleri oluşturmak için yararlıdır.

Standart sistem yazı tipleri (Arial, Helvetica, Times New Roman, monospace) ile oluşturulan metinler doğru şekilde dönüştürülür. @font-face veya Google Fonts URL'leri ile referans verilen özel yazı tiplerini kullanan metinler, bu yazı tipleri sisteminizde yüklü değilse doğru işlenemeyebilir — tarayıcı en yakın mevcut yazı tipini değiştirecektir. Yazı tipi değişim sorunlarından kaçınmak için dönüştürmeden önce tasarım aracınızda metni yollara/çerçevelere (Outlines) dönüştürün (Illustrator: Type > Create Outlines, Inkscape: Path > Object to Path).

Evet. SVG Code sekmesine geçin ve SVG işaretlemenizi doğrudan düzenleyiciye yapıştırın. Bu, SVG bir HTML dosyasına gömülüyse, bir kütüphane tarafından oluşturuluyorsa veya bir tasarım aracının "SVG Kopyala" özelliğinden geliyorsa kullanışlıdır. Yapıştırdıktan sonra Convert'e tıklayın; araç bunu yüklenen bir dosya ile aynı şekilde işleyecektir.

Hayır. Tüm dönüşüm, HTML5 Canvas API kullanarak tarayıcınızda yerel olarak gerçekleşir. İşlem şöyledir: SVG'niz belirtilen boyutlarda bir canvas öğesine çizilir, ardından canvas toDataURL veya toBlob yöntemi kullanılarak bir görsele aktarılır. Hiçbir aşamada hiçbir veri cihazınızdan çıkmaz. Özel logoları, gizli diyagramları veya herhangi bir hassas vektörel çalışmayı güvenle dönüştürebilirsiniz.