Vektör SVG dosyalarını yüksek kaliteli Raster PNG görüntülerine dönüştürün. Çıkış ölçeğini ve arka plan rengini tarayıcınızda kolayca özelleştirin.
50 MB'a kadar destekler
SVG (Ölçeklenebilir Vektör Grafikleri), görüntüleri kalite kaybı olmadan herhangi bir boyuta ölçeklenen bir dizi geometrik temel öğe (yollar, şekiller, metin, degradeler) olarak tanımlar. PNG, sabit bir çözünürlükte tek bir dikdörtgen piksel ızgarasını saklar. SVG'yi PNG'ye dönüştürmek bir rasterleştirme adımıdır: SVG'nin çizim talimatları seçilen piksel boyutunda değerlendirilir ve elde edilen bitmap, PNG olarak kodlanır. Çıktı, belirttiğiniz boyutta net görünür ancak ölçek büyütüldüğünde pikselleşir.
Bu dönüştürücü, tarayıcının yerleşik SVG motorunu kullanarak SVG'yi işler. SVG, bir Image öğesine yüklenir, seçilen çıktı boyutlarında bir HTML5 canvas üzerine çizilir ve canvas.toBlob aracılığıyla PNG olarak dışa aktarılır. Tarayıcı rasterleştirmeyi yaptığından, karmaşık SVG özellikleri (degradeler, filtreler, maskeler, statik çerçeve olarak animasyonlar) gerçek bir web sayfasındakiyle aynı şekilde oluşturulur.
SVG'den PNG'ye dönüşümde en önemli karar hedef boyutudur. SVG çözünürlükten bağımsızdır, bu nedenle gerçek kullanıma uygun bir PNG boyutunun seçilmesi aşırı provizyonu (küçük resim boyutlu simgeler için büyük dosyalar) ve yetersiz provizyonu (daha sonra ölçeklendirildiğinde bulanık çıktı) önler. Ortak hedefler: Simgeler için 32×32 veya 64×64, logolar için 256×256 veya 512×512, kahraman grafikleri için 1024×1024, retina kalitesinde varlıklar için 2048×2048.
SVG, web ve modern tasarım araçları için harikadır ancak diğer birçok bağlam için berbattır. E-posta istemcileri SVG'yi tutarsız bir şekilde oluşturuyor; bazıları bunu bir güvenlik riski olarak engelliyor. Eski ofis yazılımları, belirli CMS'ler, üçüncü taraf hizmetleri ve neredeyse tüm fotoğraf yazdırma hatları SVG'yi hiçbir şekilde kabul etmemektedir. PNG'ye dönüştürme, seçilen boyutta aynı görünen, evrensel olarak kabul edilen bir tarama üretir.
PNG ayrıca alıcının SVG oluşturucusuna bağlı kalmadan ofis belgelerine, slayt sunumlarına ve PDF'lere güvenilir bir şekilde gömülür. Birçok platformda tutarlı bir şekilde görünmesi gereken logolar ve grafikler için PNG daha güvenli bir seçimdir; her ne kadar SVG'yi çekici kılan çözünürlük bağımsızlığını kaybetmiş olsa da.
Hedef boyutunuzu seçin, oluşturun. Tarayıcı rasterleştirmeyi yapar.
SVG (W3C Önerisi), yollar, temel şekiller (dikdörtgen, daire, elips, çizgi, çokgen, sürekli çizgi), metin, degradeler (linearGradient, radialGradient), filtreler, maskeler ve klip yolları için öğeler içeren XML tabanlı bir vektör formatıdır. Tarayıcı XML'i ayrıştırır, bir DOM oluşturur, CSS'yi uygular ve sayfa oluşturma sırasında sonucu rasterleştirir.
Bu dönüştürücü, SVG'yi bir HTMLImageElement'e yükler (bu, tarayıcının normal resim olarak SVG oluşturma yolunu tetikler), ardından onu DrawImage aracılığıyla bir tuvale çizer. Tuval, canvas.toBlob('image/png') kullanılarak PNG olarak dışa aktarılır. Çıktıdaki tam pikseller, SVG'nin tarayıcı sekmesinde aynı boyutta oluşturacağı piksellerle eşleşiyor.
Uç durumlar: YabancıObject kullanan SVG, Image öğesi aracılığıyla kullanıldığında her zaman desteklenmez. Harici kaynaklara referans veren SVG (xlink:href farklı bir etki alanına) CORS nedeniyle yüklenemeyebilir. SMIL animasyonları ve JavaScript odaklı animasyonlar yalnızca başlangıç karesi olarak oluşturulur.