SVG'den PNG/JPG'ye Dönüştürücü

SVG (Ölçeklenebilir Vektör Grafik) dosyalarınızı özel boyut ve kalite ayarlarıyla PNG veya JPEG resimlerine dönüştürün. Web grafikleri, sosyal medya ve doküman yerleştirme için idealdir.

Terimler

SVG dönüştürme işleminin temel kavramları:

• SVG (Scalable Vector Graphics): XML tabanlı vektör görüntü formatı
• PNG (Portable Network Graphics): Şeffaflığı destekleyen raster görüntü formatı
• JPEG (Joint Photographic Experts Group): Sıkıştırılmış raster görüntü formatı
• Raster Görüntü: Piksel tabanlı görüntü formatı (PNG, JPEG)
• Vektör Görüntü: Yol tabanlı ölçeklenebilir grafikler (SVG)
• Görüntü Kalitesi: Dosya boyutunu ve görsel netliği etkileyen sıkıştırma seviyesi
• En-Boy Oranı: Genişlik ve yükseklik arasındaki orantısal ilişki

Terimler Nedir?

SVG (Ölçeklenebilir Vektör Grafik)

SVG, XML kodu tabanlı bir vektör görüntü formatıdır. Raster görüntülerin aksine, SVG'ler şekilleri tanımlamak için matematiksel yollar kullanır, bu da kalite kaybı olmadan sonsuz ölçeklendirme sağlar. Logolar, ikonlar ve illüstrasyonlar için idealdir ancak tüm platformlarla uyumlu olmayabilir.

PNG (Taşınabilir Ağ Grafikleri)

PNG, şeffaflığı (alfa kanalı) destekleyen bir raster görüntü formatıdır. Kayıpsız sıkıştırma kullanır, yani dönüştürme sırasında kalite kaybı olmaz. Şeffaf arka planları korurken standart bir görüntü formatına ihtiyaç duyduğunuzda PNG mükemmeldir.

JPEG (Ortak Fotoğraf Uzmanları Grubu)

JPEG, dosya boyutunu azaltmak için kayıplı sıkıştırma kullanan bir raster görüntü formatıdır. Şeffaflığı desteklemez, bu nedenle SVG'nizdeki şeffaf alanlar katı hale gelir (genellikle beyaz). Kalite ayarı sıkıştırma seviyesini kontrol eder: yüksek kalite, daha büyük dosya ancak daha iyi görsel kalite anlamına gelir.

Görüntü Kalitesi

Kalite, dönüştürme sırasında ne kadar sıkıştırma uygulandığını belirler. JPEG için kalite %1-100 arasında değişir:

• %90-100: Minimum sıkıştırma, en iyi kalite, daha büyük dosya
• %70-89: Dengeli sıkıştırma, iyi kalite, orta dosya boyutu
• %70'in altı: Yüksek sıkıştırma, görünür bozulmalar, en küçük dosya

PNG için kalite, görüntünün kendisini etkilemez (kayıpsız) ancak işleme sürecini etkileyebilir.

En-Boy Oranı

Bir görüntünün genişliği ve yüksekliği arasındaki orantısal ilişki. Aracımız, yalnızca genişlik veya yükseklik belirttiğinizde en-boy oranını otomatik olarak korur ve bozulmayı önler. Her ikisini de belirtirseniz, görüntü tam olarak bu boyutlara zorlanır.

Araç Nasıl Çalışır?

Adım Adım İşlem

1. SVG'nizi Girin

   • Cihazınızdan bir .svg dosyası yükleyin, VEYA
   • Ham SVG kodunu doğrudan metin alanına yapıştırın

2. Boyutları Ayarlayın (İsteğe Bağlı)

   • Genişlik: İstediğiniz genişliği piksel olarak belirtin
   • Yükseklik: İstediğiniz yüksekliği piksel olarak belirtin
   • Yalnızca genişlik ayarlarsanız, yükseklik otomatik hesaplanır
   • Yalnızca yükseklik ayarlarsanız, genişlik otomatik hesaplanır
   • Her ikisini de ayarlarsanız, görüntü tam olarak bu boyutlara zorlanır

3. Kaliteyi Seçin

   • %1-100 arası kalite ayarlayın (varsayılan: %90)
   • Öncelikle JPEG sıkıştırmasını etkiler
   • Yüksek = daha iyi kalite ama daha büyük dosya boyutu

4. Çıktı Formatını Seçin

   • PNG: Şeffaflık veya kayıpsız kalite gerekiyorsa seçin
   • JPEG: Daha küçük dosya boyutları için seçin (şeffaflık yok)

5. Dönüştür ve İndir

   • Hesapla butonuna tıklayın
   • Dönüştürülmüş görüntünüzü önizleyin
   • Sonucu indirin

Gerçek Dünya Örnekleri

Örnek 1: Sosyal Medya için Logo

• Girdi: Şirket logosu (SVG, 500×200)
• Ayarlar: Genişlik=1200px, Kalite=%95, Format=PNG
• Sonuç: Yüksek çözünürlüklü PNG logo (1200×480) en-boy oranı korunarak, LinkedIn banner'ı için mükemmel
• Neden PNG: Şeffaf arka planı korur

Örnek 2: Blog Yazısı Küçük Resmi

• Girdi: İllüstrasyon (SVG, 800×600)
• Ayarlar: Genişlik=600px, Kalite=%85, Format=JPEG
• Sonuç: Web yüklemesi için optimize edilmiş sıkıştırılmış JPEG (600×450)
• Neden JPEG: Daha hızlı sayfa yüklemesi için daha küçük dosya boyutu

Örnek 3: Baskıya Hazır İkon

• Girdi: İkon (SVG, 64×64)
• Ayarlar: Genişlik=1024px, Yükseklik=1024px, Kalite=%100, Format=PNG
• Sonuç: Yüksek çözünürlüklü baskı için büyük PNG (1024×1024)
• Neden %100 Kalite: Baskı materyalleri için maksimum netlik

Yaygın Kullanım Senaryoları

• Sosyal Medya Grafikleri: SVG tasarımlarını Instagram, Facebook, Twitter paylaşımları için PNG/JPEG'e dönüştürün
• E-posta İmzaları: E-posta istemcisi uyumluluğu için SVG logoları PNG'ye dönüştürün
• Doküman Yerleştirme: Vektörleri Word, PDF veya PowerPoint için resimlere dönüştürün
• Eski Yazılımlar: SVG dosyalarını render etmeyen uygulamaları destekleyin
• Web Sitesi Optimizasyonu: Tek bir SVG kaynağından farklı boyutlar oluşturun
• Uygulama Varlıkları: Mobil uygulama geliştirme için PNG ikonlar oluşturun

Teknik Notlar

• Dönüştürme tamamen tarayıcınızda (istemci tarafında) gerçekleşir
• SVG dosyalarınız hiçbir sunucuya yüklenmez
• Orijinal SVG boyutları width/height özniteliklerinden veya viewBox'tan otomatik algılanır
• SVG'de boyut belirtilmemişse varsayılan boyutlar (500×500) kullanılır
• SVG'deki şeffaf alanlar PNG'de şeffaf, JPEG'de beyaz olur