SVG to PNG dönüştürücü
Dosyalarınız cihazınızda dönüştürülür. Asla yüklenmez.
veya buraya bırakın ya da Ctrl+V / ⌘V ile yapıştırın
.svg
- Dosyalar cihazınızda kalır
- Toplu + ZIP
- Kayıt yok, sınır yok
Bu dönüştürücü tarayıcınızda çalışır ve JavaScript gerektirir. Dönüştürmek için JavaScript’i açın; aşağıdaki adımlar her şeyi anlatıyor.
Ayarlar
Vektör logo ve simgeleri ihtiyacınız olan ölçekte, saydam arka planlı, keskin PNG’lere dönüştürün.
SVG kodla tarif edilmiş bir çizimdir, her boyutta keskindir; ama birçok yer onu kullanamaz: sosyal medya profil resimleri, sunum slaytları, e-posta imzaları, uygulama mağazaları, pazaryerleri ve pek çok içerik yönetim sisteminin yükleme alanı PNG ister. Bu sayfa her SVG’yi tarayıcınızda çizer ve saydam arka planı bozulmadan PNG olarak kaydeder. Yüksek yoğunluklu ekranlar ve baskı için 2× ya da 4× seçin; vektörler doğrudan o boyutta çizilir, kenarlar büyütülüp bulanıklaşmaz, keskin kalır.
SVG dosyasını PNG biçimine dönüştürme
- .svg dosyalarınızı bırakın: logolar, simgeler, şemalar ya da çizimler.
- Ölçeği seçin: 1× SVG’nin kendi genişlik ve yüksekliğini kullanır, 2× modern ekranlarda keskin sonuç için ikiye katlar, 4× baskı ya da büyük slaytlar içindir.
- Dönüştürün ve PNG’leri kaydedin ya da hepsini ZIP olarak indirin.
Kalite, boyut ve meta verilere ne olur
Çizim bir kez, son piksel boyutunda yapılır; büyütmeden kaynaklanan bulanıklık olmaz: 64 px’lik bir simge 4×’te temiz bir 256 px PNG olur. PNG kayıpsızdır; her yumuşatılmış kenar ve saydam alan birebir saklanır.
Sonuç, SVG’nin kendi boyutu olarak ne beyan ettiğine bağlıdır; yalnızca viewBox varsa onu kullanırız. Dosya boyutu ölçekle büyür, her ikiye katlamada kabaca dört kat. Web fontuyla yazılmış metin, ancak font SVG’ye gömülmüşse ya da metin anahatlara (path) dönüştürülmüşse doğru çizilir.
- Test dosyaları
- 30
- Ortalama giriş
- 1 KB
- Ortalama çıkış
- 54 KB
- Boyut değişimi
- 50 kat büyük
- Dosya başına süre
- 6 ms
SVG mı PNG mi
| Tam adı | SVG | PNG |
|---|---|---|
| Tam adı | Scalable Vector Graphics | Portable Network Graphics |
| Çıkış yılı | 2001 | 1996 |
| Tanımlayan | W3C · SVG 1.1 / SVG 2 | W3C · ISO/IEC 15948 |
| Sıkıştırma | Kayıpsız | Kayıpsız |
| Saydamlık | Evet | Evet |
| Animasyon | Evet | Evet |
| Azami boyut | — | 2,147,483,647 × 2,147,483,647 px |
| Chrome / Edge | Evet | Evet |
| Safari | Evet | Evet |
| Firefox | Evet | Evet |
| Windows | — | Evet |
| iPhone / iPad | — | Evet |
| Android | — | Evet |
| Tipik kullanım | Web sitelerindeki logolar, simgeler, grafikler ve çizimler. | Ekran görüntüleri, logolar, simgeler, şemalar ve saydam arka plan gereken her görsel. |
SVG SVG, bir çizimi piksellerle değil XML içinde şekiller, yollar ve metinle tanımlayan bir W3C biçimidir. Her boyutta keskin kalır ve çoğu zaman çok küçüktür; ama fotoğrafı verimli saklayamaz ve pek çok uygulama ile yükleme formu yalnızca PNG gibi piksel tabanlı görselleri kabul eder.
PNG PNG, W3C’nin 1996’da yayımladığı, sonra ISO/IEC 15948 olan kayıpsız bir resim biçimidir. Her piksel olduğu gibi saklanır ve tam saydamlık desteklenir; ekran görüntüleri, logolar ve yazı içeren görseller için idealdir. PNG olarak kaydedilen fotoğraflar genellikle JPG’nin birkaç katı büyüklüktedir.
Bu tablonun kaynakları
- www.w3.org/TR/SVG11/
- www.w3.org/TR/SVG2/
- caniuse.com/svg
- www.w3.org/TR/png-3/
- www.iso.org/standard/29581.html
- caniuse.com/apng
- developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types
- developer.android.com/media/platform/supported-formats
Tarayıcı desteği verileri: caniuse.com, CC BY 4.0.
Bu site olmadan
Her tarayıcı SVG gösterebilir: bir sekmede açıp ekran görüntüsü almak tek seferlik işler için olur, ama ekran çözünürlüğünde ve genellikle beyaz arka planla sonuç verir. Inkscape gibi ücretsiz vektör düzenleyiciler dışa aktarma penceresinden her boyutta PNG verir. Mac’te Finder’da bir SVG seçip Boşluk tuşuna basınca Hızlı Bakış ile önizlenir; dönüştürmeden önce dosyayı kontrol etmek için kullanışlıdır. Saydamlıkla toplu iş için bu sayfa daha hızlı yoldur.
Sorun giderme
- Metin başka bir fonta dönüyor. SVG’nin bir adresten yüklediği web fontları burada kullanılamaz, bilgisayarınızda kurulu fontlar da herkeste yoktur. Metni düzenleyicinizde anahatlara dönüştürün.
- SVG içindeki resimler eksik. Bağlantılı dış resimler güvenlik nedeniyle yüklenmez. Dönüştürmeden önce onları SVG’ye (veri olarak) gömün.
- PNG minicik. SVG küçük bir genişlik ve yükseklik beyan ediyordur. 4× seçin ya da width ve height özniteliklerini düzenleyin.
- Animasyonlar. CSS veya SMIL animasyonu yok sayılır; SVG’nin ilk hâlini alırsınız.
Sorular ve cevaplar
SVG saydam arka planla PNG’ye nasıl çevrilir?
SVG’yi buraya bırakın ve dönüştürün: PNG saydamlığı desteklediği ve biz dolgu eklemediğimiz için arka plan kendiliğinden saydam kalır. SVG’nin içinde arka plan olarak beyaz bir dikdörtgen varsa o çizimin parçasıdır ve görünür; önce bir vektör düzenleyicide onu silin.
PNG’m hangi boyutta olacak?
1×’te PNG, SVG’de yazan genişlik ve yüksekliği alır (yoksa viewBox’ı). 2× ikisini de ikiye, 4× dörde katlar. 300 × 100’lük bir logo 4×’te 1200 × 400 olur. Sonuç bir kutuya sığmalıysa, örneğin uygulama simgesi için 512 px, azami boyut ayarını kullanın; bu ayar yalnızca küçültür.
SVG’m PNG olunca neden farklı görünüyor?
Genellikle fontlar ya da bağlantılı dosyalar yüzünden. SVG, dış font ve resim çekemeyen yalıtılmış bir modda çizilir; metin varsayılan bir fonta düşebilir, bağlantılı resimler boş kalır. Düzenleyicinizde metni anahatlara çevirin, resimleri gömün ve tekrar dönüştürün.
SVG dosyalarını çevrimiçi dönüştürmek güvenli mi?
Burada SVG cihazınızdan hiç çıkmaz; kendi tarayıcınız çizer ve hiçbir şey yüklenmez. Ayrıca onu sayfanın içine eklemek yerine resim olarak çizeriz; böylece bir SVG’nin içindeki betikler çalışamaz. Henüz yayımlamadığınız müşteri logoları ve çizimleri için bu önemlidir.