SVG dosyalarınızı saniyeler içinde web uyumlu ve kaliteli JPG resimlerine dönüştürün.
İki format arasındaki temel fark, iş akışınızın her aşamasında hissedilir. SVG metin tabanlıdır — XML yapısı sayesinde kod düzenleyicide açıp değişiklik yapabilir, animasyon ekleyebilir, CSS ile stil verebilirsiniz. JPG ise sıkıştırılmış piksel verisidir; düzenlenebilirlik neredeyse sıfırdır ama paylaşılabilirlik üst düzeydedir.
Tasarım aşamasında SVG ile çalışmak esneklik sağlar: renkleri tek bir CSS değişkeniyle değiştirebilir, farklı boyutlarda sorunsuz ölçekleyebilirsiniz. Ancak tasarım tamamlandığında, teslimat kanalına göre format seçimi zorunlu hale gelir. Bir web banner'ı SVG olarak kalabilir, ama aynı banner'ı müşteriye JPEG olarak sunmak daha pratiktir — çünkü müşteriniz muhtemelen Illustrator veya kod düzenleyici kullanmıyordur.
İş akışının kritik noktası: dönüşümün hangi aşamada gerçekleştiği. Tasarım sırasında erken dönüşüm yapmak, sonradan düzeltme ihtiyacını artırır. Mümkün olduğunca geç, nihai teslimat öncesi dönüşüm yapmak daha verimli bir akış sağlar.
SVG dosyanız piksel içermez — bu yüzden dönüşümde hedef boyutu sizin belirlemeniz gerekir. Bu, çoğu kullanıcının göz ardı ettiği ama çıktı kalitesini doğrudan etkileyen bir karardır.
Web kullanımı: Genellikle 1x veya 2x boyut yeterlidir. 300x300 viewBox'a sahip bir ikon SVG'sini web'de kullanacaksanız, 600x600 piksel (2x retina) dönüşüm idealdir. Daha büyük boyutlar gereksiz dosya şişkinliği yaratır.
Retina ekranlar: 2x-3x ölçekleme, yüksek DPI ekranlarda keskin görüntü sağlar. CSS ile boyutlandıracağınız bir görselin piksel boyutunu, CSS boyutunun 2-3 katı olarak ayarlayın.
Baskı: 300 DPI standarttır. A4 boyutunda bir baskı için 2480x3508 piksel gereklidir. SVG'nizin detay seviyesi bu çözünürlükte yeterli olup olmadığını kontrol edin — karmaşık vektörler genellikle sorunsuz ölçeklenir, ancak bazı SVG filtreleri (bulanıklık, gölge) düşük çözünürlükte farklı görünebilir.
Sosyal medya: Her platformun önerilen boyutları farklıdır. Instagram gönderisi 1080x1080, Twitter kartı 1200x675, LinkedIn paylaşımı 1200x627 piksel. Bu boyutlara uygun dönüşüm yapmak, kırpma veya yeniden boyutlandırma ihtiyacını ortadan kaldırır.
SVG'niz şeffaf arka plana sahipse — örneğin bir logo veya ikon — JPG dönüşümünde bu şeffaflık kaybolur. JPG formatı teknik olarak alfa kanalını desteklemez. Bu kaçınılmaz bir kayıptır, ama doğru yönetilebilir.
Seçenek 1 — Beyaz arka plan: Çoğu durumda kabul edilebilir. Beyaz arka planlı bir JPG, e-posta ve dokümanlarda sorunsuz görünür. Ancak koyu temalı bir web sitesinde kullanacaksanız uyumsuzluk yaratacaktır.
Seçenek 2 — Özel arka plan rengi: Dönüşüm sırasında belirli bir arka plan rengi seçebilirsiniz. Bu, logonuzun yerleştirileceği arka planla eşleşen bir renk kullanmanızı sağlar.
Seçenek 3 — Format değişikliği: Şeffaflık zorunluysa, JPG yerine PNG formatına geçmek daha mantıklıdır. SVG'den PNG'ye dönüşüm ile alfa kanalı korunur. Ancak PNG dosya boyutu JPG'den önemli ölçüde büyük olabilir — bu yüzden kullanım amacına göre karar vermek gerekir.
Pratik önerimiz: web ikonları ve logolar için önce PNG'yi deneyin, yalnızca dosya boyutu sorun yarattığında JPG'ye geçin. Bu durumda arka plan rengini hedef ortamınızla eşleştirin.
SVG'den JPG'ye dönüştürme, başlı başına bir sıkıştırma işlemidir. Ama "kayıplı sıkıştırma" (lossy compression) içeren JPG çıktısı, çoğu zaman daha da küçültülebilir — üstelik görsel kayıp minimum düzeyde kalır.
Dönüşüm sonrası dosya boyutunu etkileyen üç ana değişken vardır:
1. JPG kalite seviyesi (1-100): 85-90 arası çoğu kullanım için idealdir. 95'in üstü neredeyse farksızdır ama dosya boyutu dramatik artar. 70'in altı ise özellikle metin ve ince çizgi içeren görsellerde belirgin bozulma yaratır.
2. Çıktı çözünürlüğü: İhtiyacınızdan büyük boyut seçmek, gereksiz dosya boyutu artışı demektir. "Büyük olsun, sonra küçültürüm" yaklaşımı yerine, hedef platform için doğru boyutu önceden belirleyin.
3. Chroma subsampling: 4:4:4 (tam renk) ve 4:2:0 (altı örnekleme) arasındaki fark, çoğu kullanıcı tarafından bilinmez. İkon ve çizim gibi keskin kenarlı görseller için 4:4:4 tercih edin; fotoğraflar için 4:20 yeterlidir.
Dönüştürme sonrası ek sıkıştırma gerekiyorsa, Pixes.app'in JPG sıkıştırma aracını kullanarak dosya boyutunu %30-60 arasında azaltabilirsiniz. Bu araç, kayıplı ve kayıpsız sıkıştırma arasında denge kurarak görsel kaliteyi korur.
Online SVG to JPG converter kullanmak, masaüstü yazılımlara göre bazı belirgin avantajlar sunar — ama sınırlarını da bilmek gerekir.
Avantajlar: Kurulum gerektirmez, tüm işletim sistemlerinde çalışır, toplu işlem destekler ve genellikle ücretsizdir. Pixes.app gibi platformlar sunucu tarafında dönüşüm yaptığından, bilgisayarınızın işlemcisini yormaz ve eski cihazlarda bile hızlı çalışır.
Sınırlar: Çok büyük SVG dosyaları (10 MB+) yükleme süresi uzayabilir. Harici kaynaklara (font, resim) referans veren SVG'lerde bu kaynaklar yüklenemezse render eksik olabilir. Bazı SVG animasyonları ve JavaScript tabanlı etkileşimler statik bir kareye dönüşür — hangi karenin yakalanacağı varsayılan olarak ilk karedir.
Gizlilik: Çevrimiçi araçlar dosyalarınızı sunucuya yükler. Hassas veya gizli tasarımlar için bu bir endişe kaynağı olabilir. Pixes.app, yüklenen dosyaları işlemden kısa süre sonra otomatik olarak siler — kalıcı depolama yapılmaz.
Masaüstü alternatiflere (Inkscape, GIMP, Illustrator) kıyasla online araçlar daha hızlıdır ama daha az özelleştirme sunar. İş akışınızda hangi aracın öne çıkacağı, dosya karmaşıklığına ve dönüştürme sıklığınıza bağlıdır.
Dönüştürme işleminden önce SVG dosyanızı optimize etmek, hem JPG kalitesini artırır hem de işlem süresini kısaltır. Optimizasyon, gereksiz meta verileri, kullanılmayan tanımları ve fazlalık kodu temizler.
Optimize edilmemiş bir SVG'de karşılaşabileceğiniz sorunlar:
• Gereksiz gruplama (
• Kullanılmayan gradient ve mask tanımları render süresini uzatır
• Dışa aktarılmış ama kullanılmayan path verileri dosya boyutunu şişirir
• Farklı ad alanlarına (namespace) ait elementler bazı dönüştürücülerde desteklenmez
SVG optimizasyonu için Pixes.app'in SVG optimizer aracını kullanabilirsiniz. Bu araç, render kalitesini etkilemeden dosya boyutunu önemli ölçüde azaltır ve dönüştürme öncesi temiz bir kaynak sağlar.
Özellikle Illustrator veya Sketch gibi vektör editörlerinden dışa aktarılan SVG'ler, genellikle %20-40 oranında optimize edilebilir. Bu optimizasyon, hem online hem masaüstü dönüştürücülerde daha temiz sonuç verir.