CodeKitHub
Türkçe
Görsel Araçları

SVG'yi Çevrimiçi Olarak PNG veya JPG'ye Dönüştür

SVG vektör dosyalarını istediğiniz çözünürlükte PNG veya JPG görüntülerine dönüştürün. SVG yüklemelerini kabul etmeyen platformlar için idealdir — ofis belgeleri, sosyal medya, e-posta imzaları, baskı iş akışları. İşleme işlemi tarayıcınızda yerel olarak gerçekleştirilir; dosyalarınız cihazınızda kalır.

PNG şeffaflığını korur; JPG ise arka planı beyazla doldurur

    Bu Araç Nedir?

    SVG bir vektör formatıdır — şekiller matematiksel olarak tanımlanır, sonsuz derecede ölçeklenebilir ve logolar ile simgeler için idealdir. Ancak pek çok ortamda kabul edilmez: Word belgeleri, çoğu sosyal medya platformu, e-posta istemcileri ve sayısız yükleme formu piksel tabanlı görüntüler ister. Dönüştürme (rasterleştirme) işlemi, vektörü belirli bir boyutta PNG veya JPG formatına dönüştürür.

    Vektörlerin sabit bir çözünürlüğü olmadığı için çıktı genişliğini siz belirlersiniz — ve kaynak matematiksel bir yapı olduğu için, 2048 piksel olarak dışa aktarılan dosya, 256 piksel olarak dışa aktarılan dosya kadar net olur. PNG formatında dışa aktarımda SVG’nin şeffaf arka planı korunur; JPG formatında ise arka plan beyazla doldurulur.

    Neden Kullanmalısınız?

    • Tek bir kaynaktan elde edilen her türlü çözünürlük: 256 piksel favicon’dan 2048 piksel baskı görseline kadar, hepsi piksel mükemmelliğinde.
    • PNG çıktısı şeffaflığı korur — logolar herhangi bir arka plan üzerine yerleştirilebilir.
    • "SVG desteklenmiyor" hatası nedeniyle yükleme reddi sorunlarını saniyeler içinde giderir.
    • Toplu dönüştürme, yerel işleme, yükleme gerekmez.
    • Genişlik/yükseklik değerleri açıkça belirtilmemiş SVG dosyalarını, viewBox değerlerini okuyarak işler.

    Nasıl Kullanılır

    1. .svg dosyalarını kutuya sürükleyip bırakın veya tıklayarak seçin.
    2. Bir çıktı genişliği seçin — “Otomatik” seçeneği, SVG’nin kendi beyan ettiği boyutu kullanır.
    3. PNG (şeffaflık korunur) veya JPG (beyaz arka plan) seçeneğini seçin.
    4. Her bir işlenmiş görüntüyü indirin; boyutlar her dosya için ayrı ayrı belirtilmiştir.

    Örnek

    Giriş

    logo.svg — 4 KB vector

    Çıkış

    logo.png — 1024×1024, transparent background, crisp at every pixel

    Tek bir küçük vektör kaynağı, istediğiniz herhangi bir boyutta piksel düzeyinde kusursuz raster görüntüler üretir.

    Yaygın kullanım örnekleri

    • SVG gömme özelliğini desteklemeyen bir Word veya PowerPoint belgesine şirket logosunu (genellikle tasarımcı tarafından SVG formatında teslim edilen) eklemek.
    • Tek bir ana SVG dosyasından gerekli tüm piksel boyutlarında (16, 32, 180, 512 piksel) uygulama simgeleri veya favikonlar oluşturma.
    • E-posta imzasına bir simge eklemek; zira çoğu e-posta istemcisi yalnızca raster görüntüleri görüntüleyebilmektedir.
    • Güvenlik önlemi olarak SVG dosyalarını kabul etmeyen bir sosyal medya platformuna veya içerik yönetim sistemine (CMS) görsel yüklemek.

    SVG yükleme kısıtlamaları neden var?

    Birçok platform, SVG yüklemelerini bir ihmalden değil, güvenlik nedenleriyle özellikle engeller: SVG, XML tabanlı olduğu ve teknik olarak JavaScript gömebildiği için, bir platform bunu temizlenmemiş halde işlerse kötü niyetli bir SVG, komut dosyası enjeksiyonu için bir vektör haline gelebilir. Bir SVG dosyasını PNG veya JPG formatına dönüştürmek, piksel verilerinin ötesindeki her şeyi ortadan kaldırır; bu da, bu dönüştürmenin sadece kolaylık sağlamak için değil, sıklıkla zorunlu olmasının nedenlerinden biridir — hedef platform, söz konusu SVG dosyanızın zararsız olup olmadığına bakılmaksızın, vektör formatını gerçekten güvenli bir şekilde kabul edemez.

    Çözünürlük bağımsızlığı gerçekte nasıl işliyor?

    Bir SVG dosyası hiç piksel depolamaz — matematiksel yol tanımlarını (“bu noktadan şu noktaya bir çizgi çiz”, “bu eğriyi bu renkle doldur”) ve bu yolların yer aldığı koordinat uzayını tanımlayan bir viewBox depolar. Dosyayı rasterleştirdiğinizde, tarayıcının görüntüleme motoru her seferinde, istediğiniz piksel boyutlarında her eğriyi ve dolguyu sıfırdan yeniden hesaplar. Bu, mevcut bir raster görüntünün (JPG veya PNG) boyutunu değiştirme işleminden temelden farklıdır; çünkü büyütme işlemi, orada hiç bulunmayan pikselleri uydurmak anlamına gelir ve kaçınılmaz olarak görüntü bulanıklaşır — 4000 pikselde işlenen bir SVG, 100 pikselde işlenen bir SVG kadar keskin olur; çünkü her ikisi de daha küçük bir kaynaktan uzatılmamış, aynı matematiksel hesaplamalardan sıfırdan hesaplanmıştır.

    Sıkça Sorulan Sorular

    Hangi çözünürlükte dışa aktarmalıyım?

    Görüntüleyeceğiniz en büyük boyuta uyacak şekilde ayarlayın, hatta biraz daha fazlasını: 512 piksel, çoğu web logosu kullanımı için yeterlidir; 1024 piksel ve üzeri, retina ekranlar ve sunumlar içindir; 2048 piksel ise baskı içindir. Fotoğrafların çözünürlüğünü artırmanın aksine, SVG’den büyük boyutlarda dışa aktarma işlemi netlik açısından hiçbir kayba yol açmaz.

    SVG dosyam neden boş ya da bozuk görünüyor?

    Genellikle harici referanslar: Harici resimlere, yazı tiplerine veya CSS dosyalarına bağlantı veren SVG’ler, tarayıcının güvenlik sanal alanında bu öğeleri yükleyemez. Gömülü (satır içi) içeriğe sahip SVG’ler sorunsuz bir şekilde dönüştürülür. Metin, sisteminizde bulunmayan bir yazı tipi kullanılıyorsa yer değiştirebilir.

    PNG mi, JPG mi? Hangisini seçmeliyim?

    Neredeyse her zaman PNG: Logolar ve simgeler şeffaflık ve keskin kenarlara ihtiyaç duyar; PNG bu özellikleri korurken JPG ise bozar. JPG’yi yalnızca hedef kesinlikle bunu gerektiriyorsa veya SVG fotoğraf benzeri bir illüstrasyonsa tercih edin.

    Burada PNG dosyasını tekrar SVG'ye dönüştürebilir miyim?

    Hayır — bu, en iyi ihtimalle yaklaşık sonuçlar veren, temelde farklı bir işlemdir (pikselleri şekillere dönüştürmek). Bu araç ise vektörden rastera dönüştürme yapar ve bu işlem tam sonuç verir.

    SVG dosyam dönüştürme için yüklendi mi?

    Hayır. Tarayıcı, SVG dosyasını yerel bir tuval üzerinde görüntüler ve PNG/JPG dosyasını cihazınızda kodlar. Hiçbir şey aktarılmaz.

    İlgili Araçlar