PerfectVector
Yazan Claire Yoon

PNG mi SVG mi? Hangisini ne zaman kullanmalı?

PNG pikseldir, SVG matematiktir; doğru seçim yaptığınız işe bağlıdır. İkisi arasında seçim yapmayı ve PNG'yi gerçek SVG'ye dönüştürmeyi yalın bir rehberle öğrenin.

9 dk okuma
Bu sayfada

PNG ve SVG aynı şeyin daha iyi veya kötü sürümleri değildir. İki farklı dosya türüdür ve doğru seçim yaptığınız işe bağlıdır. PNG, renkli karelerden oluşan küçük mozaik gibi piksellerden meydana gelir. SVG ise matematiktir: bilgisayarın her boyutta yeniden çizdiği çizgiler, eğriler ve şekiller. Bu tek fark diğer her şeyi belirler. Kısa kural: fotoğraflar ve ayrıntılı görüntüler için PNG; logolar, simgeler, metinler ve yeniden boyutlandıracağınız, büyük basacağınız veya makinede keseceğiniz şeyler için SVG kullanın. Elinizde SVG olarak gereken bir PNG logo varsa onu SVG olarak kaydetmezsiniz. Dönüştürürsünüz ve sonucu başarılı ya da başarısız kılan bu dönüşüm adımıdır.

Kısa özet
  • PNG = piksel. Şeffaflık gerektiren fotoğraflar, ekran görüntüleri ve ayrıntılı görüntüler için en uygunudur.
  • SVG = matematik. Logolar, simgeler, metinler ve boyutlandırdığınız, büyük bastığınız veya kestiğiniz şeyler için en uygunudur.
  • Ölçekleme farkı gösterir: İkisini de 10 kat büyütün; PNG bulanıklaşırken SVG keskin kalır.
  • PNG'nin adını .svg yapmak yeterli değildir. PNG'yi gerçek SVG'ye dönüştürmek vektörleştirme gerektirir. PNG'yi SVG'ye dönüştürüp sonucu kontrol edin.
  • Sahte SVG'ye dikkat: .svg dosyasına sarılmış PNG hâlâ pikselleşir ve düzenlenemez.

Asıl fark: piksel ve matematik

PNG açıp çok yakından baktığınızda sonunda karelere ulaşırsınız. Bu sabit piksel ızgarasıdır. Orijinal boyutunun ötesinde büyüttüğünüzde bilgisayar kareler arasını tahmin etmek zorunda kalır; kenarlar yumuşak ve bloklu olur. Web sitesinden alınan küçük logonun büyüttüğünüz anda bulanık görünmesinin nedeni budur.

SVG; yollar, şekiller, metin ve dolgular gibi vektör talimatları saklayabilir. Bu geometrik öğeler sabit piksel ızgarasını ortaya çıkarmadan farklı boyutlarda yeniden çizilebilir. SVG 2 belirtimi gömülü raster görüntülere ve diğer efektlere de izin verir; bu yüzden SVG dosyası yalnızca ilgili içeriği gerçekten vektör olduğu ölçüde çözünürlükten bağımsızdır. "Piksel yerine talimat" fikri yeniyse görüntü vektörleştirmenin gerçekte ne olduğu bunu açıklar.

Bir bakışta PNG ve SVG

PNGSVG
YapısıPiksel (raster)Matematik (vektör)
Bulanıklaşmadan ölçeklenmeHayır, sabit çözünürlükEvet, her boyut
Düzenlenebilir şekillerHayır, tek düz görüntüEvet, ayrı yollar ve renkler
ŞeffaflıkEvetEvet
AnimasyonEvet, APNG ile. Düzenlenebilir tek durağan görüntü çıkarmak için APNG'den SVG'ye dönüştürücüde kare seçinEvet
Fotoğraf ve ince ayrıntıİyi işlerZorlanır, düzleştirir
Tarayıcı ve uygulama desteğiEvrenselYaygın, ancak her eski uygulama veya e-posta istemcisinde değil
Tipik dosya boyutuDaha büyükDüz çizimlerde küçük, karmaşık çizimlerde daha büyük olabilir
En uygun kullanımFotoğraf, ekran görüntüsü, ayrıntılı grafikLogo, simge, yazı, kesim dosyası

Boyut hakkında bir uyarı: "SVG daha küçüktür" denir; düz logo veya simgede genellikle doğrudur. Ancak karmaşık, fotoğrafa benzer görüntünün SVG'si bulduğu her küçük şekli tanımlamak zorunda olduğundan PNG'yi aşabilir. SVG boyutta basit, düz çizimlerde kazanır.

Hangisini kullanmalısınız? Yaptığınız işe göre karar verin

Tek kazanan yoktur. Tamamen işe bağlıdır. İnsanların gerçekten sorduğu işler için hızlı kararlar şöyle:

Yaptığınız işKullanınNeden
Web sitesi simgeleri ve basit arayüz grafikleriDestekleniyorsa SVGTemiz ölçeklenir; gerçek sıkıştırılmış boyutu ve güvenlik/varlık işleme gereksinimlerini karşılaştırın
Her yerde yeniden kullanacağınız logoSVGTek dosya yeniden dışa aktarmadan kartvizitten fuar afişine ölçeklenir
FotoğraflarPNG (veya JPG)Vektörler kesintisiz tonlu fotoğraf ayrıntısını yeniden üretemez
Ekran görüntüleri, uygulama maketleriPNGPiksel hassasiyetinde, gerektiği yerde şeffaf
Cricut, Silhouette, vinil kesicilerÖnceden tanımlanmış kesim yolları için genellikle SVGRaster yüklemeler de desteklenen yazılım iş akışlarında dönüştürülebilir
Süblimasyon, DTG, baskılı tişörtlerBaskı veya kesime bağlı, aşağıya bakın
QR kodlarSVGHer baskı boyutunda keskin ve taranabilir kalır
Baskı: kartvizit, tabelaLogo veya grafik için SVG, fotoğraf için PNG/JPGÇizgi çalışmaları vektör olarak daha keskin; fotoğraflar yüksek çözünürlüklü raster olarak daha iyi basılır

Kesim satırında bir istisna vardır: Cricut Print Then Cut, PNG ile çalışır; çünkü makine önce tasarımı yazdırır, sonra çevresinden keser. Cricut'ın güncel yükleme rehberi, katmanlı SVG içe aktarımlarının yanında temel raster yüklemeleri ve yalnızca Access üyelerine açık Convert to Layers seçeneğini de belgeler.

Süblimasyon ve baskılı tişörtler kafa karıştırır. Doğru dosya üretim sağlayıcısına bağlıdır. Örneğin Printful'ın güncel baskı dosyası rehberi, DTG için PNG önerir ve ürüne özgü çözünürlük bilgisi verir. Isı transfer vinili iş akışları kesim yolları gerektirir; SVG çoğu zaman yararlı kaynaktır. Sağlayıcıdan kabul edilen tam biçimi, piksel boyutlarını, renk profilini ve şeffaflık gereksinimlerini isteyin.

Logonuzun çevresinde sürekli beyaz kutu görünüyorsa bu biçimler arası rekabet değil, şeffaflık sorunudur. PNG veya SVG gerekirken şeffaf arka plan saklayamayan JPG kaydetmişsinizdir.

Simgeler, jetonlar ve illüstrasyonlu oyun tahtaları için kutu oyunu bileşenine göre vektör veya raster seçin. Düz kaynak simgesi düzenlenebilir yollar gerektiriyorsa tüm seti dönüştürmeden önce kutu oyunu çizimi dönüştürücüsünü o simgede deneyip bileşen düzeninde kontrol edin.

PNG'yi SVG'ye dönüştürebilir miyim?

PNG'yi SVG'ye dönüştürebilir misiniz? Evet, ancak SVG olarak kaydetmezsiniz. Vektörleştirirsiniz: Yazılım piksel görüntüsünü vektör yolları olarak yeniden çizer. Ters yön, SVG'den PNG'ye geçiş kolay ve güvenilirdir; çünkü yalnızca şekilleri sabit boyutta piksellere düzleştirirsiniz. PNG'den SVG'ye geçiş zor yöndür ve vektörleştirmenin kalitesi her şeydir. Modern web'de karşılaşacağınız üçüncü raster olan WebP kaynakta da durum aynıdır.

Bu zor yönde sonuçlar çok farklılaşır. İyi vektörleştirici çiziminizi temiz, düzenlenebilir yollarla yeniden oluşturur. Dikkatsiz araç, binlerce başıboş bağlantı noktası, tırtıklı kenar ve birbirinden ayıramadığınız renklerden oluşan karmaşa üretir. Aynı girdi, tamamen farklı çıktı. Ayrıntılı anlatım kalite kaybetmeden PNG'yi SVG'ye dönüştürme rehberindedir.

Bilinmesi gereken tuzak: Bazı dönüştürücüler hiç vektörleştirme yapmaz. Orijinal PNG'nizi .svg dosyasına sarıp geri verirler. Doğru uzantısı vardır ve açılır, ancak hâlâ pikseldir. Büyütünce bulanıklaşır; tek bir şekli düzenleyemezsiniz. Bu sahte vektördür ve dönüştürme nedeninizi fark ettirmeden boşa çıkarır. Aynı tuzak logo vektörleştirenleri de yakalar.

Üç hızlı kontrol, gerçek SVG alıp almadığınızı gösterir:

  • Büyütün. Gerçek vektör keskin kalır. Sahtesi, gizlice olmaya devam ettiği PNG gibi pikselleşir.
  • Şekle tıklayın. Tek düz resmi değil, ayrı yolları seçip taşıyabilmelisiniz.
  • Karmaşıklığa bakın. Temiz eğriler binlerce değil, birkaç bağlantı noktası kullanır. Şişkin sonucu düzenlemek zahmetli, kesmek yavaştır; vektörleştirmelerde fazla düğüm oluşması bu yüzden önemlidir.

Baştan belirtilmesi gereken sınır: Her PNG, SVG olmamalıdır. Fotoğraf, fotoğrafın ekran görüntüsü veya yoğun renk geçişli AI çizimi temiz vektörleşmez; çünkü vektörler düz şekiller tanımlar ve kesintisiz tonlu ayrıntılar posterize lekelere düzleşir. Kaynak logo, simge veya düz illüstrasyonsa uygunsunuz. Fotoğrafsa PNG bırakın.

PerfectVector ile nasıl görünür?

PNG-SVG yönünde asıl mesele, yeniden oluşturulan yolların bu kontrolleri geçmesidir. PerfectVector, uygun düz çizimleri düzenlenebilir yollar ve renkli şekillere dönüştürmek için tasarlanmıştır; indirmeden önce silüeti, paleti ve düğüm yerleşimini karşılaştıran önizleme sunar. PNG'yi SVG'ye dönüştürün, sonucu ücretsiz inceleyin; yalnızca tamamlanmış dosya sonraki aracınıza uyduğunda bir kredi harcayın.

PNG, büyütülmüş
Kenarları görünür biçimde bulanık ve pikselli olana kadar büyütülmüş PNG logo
Raster PNG'nin kenarları yumuşak bloklara ayrılır.
SVG, büyütülmüş
Aynı logonun aynı boyuta büyütülmüş, düzgün vektör kenarlı SVG hâli
Vektörleştirilmiş SVG aynı boyutta keskin kalır.

PNG'yi ne zaman korumalı?

SVG her zaman iyileştirme değildir. Şu durumlarda PNG'yi koruyun:

  • Fotoğrafsa veya fotoğraf ayrıntısı ve renk geçişleri içeriyorsa.
  • Yalnızca web veya e-posta için hızlı görüntü gerekiyorsa ve zaten doğru boyuttaysa.
  • Her yerde sorunsuz açılması gerekiyorsa. PNG evrensel raster biçimidir.

PNG, biçim savunucularının kabul ettiğinden daha sık doğru yanıttır. Hedef "her zaman SVG" değil, önünüzdeki iş için doğru dosyadır.

Piksel sanatı yararlı sınır durumudur: SVG'ye dönüştürmek her kareyi vektör karo olarak koruyabilir veya silüeti bilinçli yumuşatabilir. Piksel sanatı vektörleştirme rehberi, hangi yolun ek karmaşıklığı hak ettiğini ve PNG'nin ne zaman ana dosya kalması gerektiğini açıklar.

Resimli kitaplarda her sahneyi dönüştürmek yerine illüstrasyon türüne göre raster ve vektör ana dosyaları seçin. Çocuk kitabı illüstrasyonu dönüştürücüsü, tek düz karakter veya süslemeyi denemenin yoludur; boyanmış sahneyi kendi raster ana dosyası olarak tutun.

Sık sorulan sorular

SVG, PNG'den daha mı iyi? Genel olarak hiçbiri daha iyi değildir. Farklı işlere uygundurlar. SVG, bulanıklaşmadan ölçeklendiği için logo, simge, metin ve yeniden boyutlandırılan, büyük basılan veya kesilen işlerde kazanır. PNG ise SVG'nin yeniden üretemediği gerçek piksel ayrıntısını sakladığından fotoğraf, ekran görüntüsü ve ayrıntılı görüntülerde kazanır.

PNG'yi SVG'ye dönüştürebilir miyim? Evet, yeniden adlandırarak değil, vektörleştirerek. Dönüştürücü pikselleri vektör yolları olarak yeniden çizer. Logo ve simge gibi düz, yüksek kontrastlı çizimlerde iyi; fotoğraflarda kötü çalışır. Sonucun .svg içine sarılmış PNG değil, düzenlenebilir yolları olan gerçek vektör olduğunu her zaman doğrulayın.

SVG'nin dezavantajları neler? SVG fotoğraflarda ve kesintisiz tonlu ayrıntılarda zorlanır; bazı eski uygulamalarla e-posta istemcileri tam desteklemez; dikkatsiz dönüşüm düzenlemesi zor, binlerce gereksiz düğümlü şişkin dosya üretebilir. Düz grafiklerde bunların hiçbiri genellikle sorun olmaz.

Cricut için PNG mi, SVG mi daha iyi? Önceden tanımlanmış katmanlı kesim yolları istiyorsanız SVG kullanın. PNG, Print Then Cut için uygundur ve Cricut'ın temel görüntü dönüştürme akışına da girebilir; Cricut Access abonelerinin uyumlu görüntüler için Convert to Layers seçeneği vardır. Daha iyi seçim, basılı piksel mi yoksa düzenlenebilir kesim geometrisi mi istediğinize bağlıdır.

Baskılı tişört için PNG mi, SVG mi kullanmalıyım? Sağlayıcıya ve yönteme bağlıdır. DTG sağlayıcıları genellikle doğru boyutlu PNG kabul eder; ısı transfer vinili iş akışları kesim yolları gerektirir ve çoğu zaman SVG kullanır. Evrensel dosya kuralına güvenmek yerine sağlayıcının tam biçim, boyut, çözünürlük, renk ve şeffaflık gereksinimlerini sorun.

PNG mi, SVG mi daha küçük? Logo ve simge gibi düz çizimlerde SVG genellikle çok daha küçüktür. Karmaşık veya fotoğraf benzeri görüntülerde her şekli tanımlaması gerektiğinden SVG, PNG'den büyük olabilir. Biçimi çizime göre seçin.

Kaynaklar

  1. W3C — Portable Network Graphics (PNG) belirtimi, üçüncü baskı — PNG raster yapısı, kayıpsız sıkıştırma, şeffaflık ve APNG animasyonu.
  2. W3C — SVG 2 — Vektör şekilleri, yollar, metin, stil ve karışık vektör/raster içerik.
  3. W3C — SVG'de gömülü içerik — SVG içine gömülen raster görüntüler.
  4. Cricut — Design Space'e görüntü yükleme — PNG/temel görüntü ve SVG/vektör yükleme davranışı.
  5. Cricut — Print Then Cut nasıl yapılır? — Yazdırılabilir raster iş akışı ve kesim sensörü işaretleri.
  6. Printful — Baskı dosyası hazırlama — Sağlayıcıya özgü raster biçimi ve çözünürlük rehberi.

PNG olarak kalmış logo veya düz grafiğiniz mi var? SVG yollarına vektörleştirin, ardından dosyanın düzenlenebilir ve hedefe uygun olduğunu doğrulamak için yukarıdaki üç kontrolü yapın.

Bloga daha fazlası

PerfectVector

Görsel dosyanızı
düzenlenebilir SVG'ye dönüştürün

Kredi kartı gerekmez