Kullanım Fotoğraflar için JPG ve grafikler, ekran görüntüleri ve şeffaflık için PNG. Bu tek kural çoğu format kararını çözer. Bunun ardındaki mantık rakamlara dayanıyor: PNG olarak kaydedilen 12 megapiksellik bir fotoğraf 2 ila 8 MB ağırlığındayken JPG ile aynı fotoğraf, gözlerinizin algılayamayacağı bir fark olmadan 200 ila 800 KB arasındadır. Ancak içeriği çevirin, avantaj da onunla birlikte değişir. JPG'nin kenarlarında PNG'nin asla üretmeyeceği bulanık haleler oluşturmasıyla kaydedilen düz renkli bir logo. Bu kılavuzda her formatın gerçekte ne işe yaradığı, nerede bozulduğu ve fotoğraflar, logolar, ekran görüntüleri, baskı ve web için hangisinin seçileceği açıklanmaktadır.

PNG dosyası nedir?

PNG'nin kısaltması Taşınabilir Ağ Grafikleri1996 yılında GIF'in patentsiz bir alternatifi olarak piyasaya sürülen bir formattır. ZIP arşivlerinin kullandığı yöntemin aynısı olan DEFLATE algoritmasını kullanarak kayıpsız bir şekilde sıkıştırır, böylece her bir piksel değişmeden kaydedilir ve yeniden kaydedilir. PNG aynı zamanda bir alfa kanalı, opaklığı tamamen görünmezden tamamen katıya kadar kontrol eden piksel başına dördüncü bir değer. İki yaygın varyant mevcuttur: PNG-8, paleti 256 renkle sınırlar ve basit grafikler için dosyaları küçük tutar; PNG-24 ise daha zengin görüntüler için milyonlarca renk depolar. Ekran görüntüleri, logolar, simgeler, grafikler ve arayüz maketlerinin tümü PNG'nin güçlü yanlarından yararlanır. Fotoğraflar bunu yapmaz ve işte bu noktada rakibi devreye girer.

JPG dosyası nedir?

JPG (JPEG ile aynı, kısaltması) Ortak Fotoğraf Uzmanları Grubu) 1992'de geldi ve tek bir iş için tasarlandı: fotoğrafları küçük yapmak. Bir görüntüyü 8'e 8 piksellik bloklara böler ve kayıplı sıkıştırma adı verilen bir işlemle, insan görüşünün zorlukla kaydettiği renk ayrıntılarını atar. 0'dan 100'e kadar bir kalite kadranı, atma işleminin ne kadar agresif olacağını kontrol eder. Bu kadranın tepesinde kayıp görünmez; alt kısımda görüntüler bloklu hale geliyor. Ticaretin ağır bir maliyeti var: JPG'nin alfa kanalı yokdolayısıyla şeffaf bir arka plan tutamaz ve attığı veriler bir daha geri gelmez. Bu ticaret aslında dosyalarınızı ne kadar küçültüyor? Rakamlar dikkat çekici.

Dosya boyutu: gerçek dünyadaki sayılar

Dosya boyutu, iki formatın en keskin biçimde farklılaştığı yerdir ve kazanan tamamen içeriğe bağlıdır:

Bir akıllı telefon fotoğrafı: PNG olarak kabaca 4 MB, 90 kalitesinde JPG olarak 300 - 500 KB. JPG on kat farkla kazanır.
Tam ekran masaüstü ekran görüntüsü: PNG olarak 2 - 5 MB, JPG olarak yaklaşık 400 KB. Metin kenarları biraz yumuşasa da JPG boyut açısından üstündür.
İki renkli logo, 500 x 500 piksel: PNG-8 olarak yaklaşık 8 KB, JPG olarak 25 KB veya daha fazlası ve görünür kenar gürültüsü. PNG hem boyut hem de görünüm açısından kazanır.
Gradyan ağırlıklı bir grafik: Sonuçlar farklılık gösterir ve her ikisini de test etmeye değer.

Yani her iki format da evrensel olarak "küçük olan" değildir. Fotoğraf içeriği JPG'ye göre önemli ölçüde daha iyi sıkıştırılır; az renkli düz grafikler genellikle PNG'ye göre daha iyi sıkıştırılır. Boyut hikayenin sadece yarısıdır çünkü her format da farklı şekilde başarısız olur.

Görüntü kalitesi: her formatın bozulduğu nokta

Kalite sorunları zıt yerlerde ortaya çıkar. JPG'nin zayıf noktası keskin, yüksek kontrastlı kenarlar: Beyaz üzerine siyah metin, ince çizgiler, sert kenarlıklar. Agresif sıkıştırma, bu kenarların etrafına soluk benekler (çınlama artefaktları adı verilir) dağıtır; bu nedenle, aynı ayardaki bir fotoğraf iyi görünse bile, yoğun şekilde sıkıştırılmış bir ekran görüntüsü lekeli görünür. JPG de zarar görüyor nesil kaybı: Her düzenleme ve kaydetme döngüsü görüntüyü yeniden sıkıştırır ve eski hasarın üzerine yeni hasarlar yükler. PNG'de de sorun yok. Zayıflığı tamamen ağırlıktır; mükemmellik megabaytlara mal olur. Formatlar arasındaki üçüncü fark kesinlikle kaliteyle ilgili değil. Görüntünün arkasında ne olduğuyla ilgili.

Şeffaflık ve alfa kanalı

Bu karşılaştırmada şeffaflık yalnızca PNG'ye aittir. Alfa kanalı, logonun herhangi bir sayfa rengi üzerinde kaymasına olanak tanır; bu nedenle web tasarımcıları arayüz varlıklarını varsayılan olarak PNG olarak dışa aktarır. Bu dosyayı JPG'ye dönüştürdüğünüzde, şeffaf bölgenin düz bir renge (varsayılan olarak beyaz) düzleştirilmesi gerekir. dönüştürücümüz, siyah ve özel dolgular mevcuttur. Mekanikleri ayrıntılı olarak ele alıyoruz. şeffaf arka plan kılavuzu. Belirlenen üç temel farklılıkla, herhangi bir dosyanın seçimi mekanik hale gelir.

PNG ne zaman kullanılır?

Şu durumlarda PNG'ye ulaşın:

Logolar ve simgeler, herhangi bir sıkıştırma seviyesinde kenarların son derece keskin kalması gereken yerlerde.
Açıklama ekleyeceğiniz veya yeniden düzenleyeceğiniz ekran görüntüleri, çünkü tekrarlanan kaydetmelerin hiçbir maliyeti yoktur.
Şeffaflık gerektiren görseller: filigranlar, kaplamalar, kayan grafikler.
Grafikler, diyagramlar ve metin ağırlıklı grafikler, sıkıştırma beneğinin okunabilirliğe zarar vereceği yer.
Ana kopyalar Daha sonra değiştirebileceğiniz herhangi bir şey.

JPG ne zaman kullanılmalı?

Bu işler için JPG'yi seçin:

Fotoğraflar her yere yönelebilirsiniz: web, e-posta, sosyal, depolama.
Formları yükle sıklıkla JPG talep eden ve 100 KB veya 200 KB gibi sınırlar uygulayan devlet portallarında ve iş sitelerinde.
E-posta ekleri, on resimlik bir grubun Gmail ve Outlook'un dayattığı 25 MB'lık tavanın altına sığması gerekiyor.
Web sitesi içeriği görselleri, çünkü daha hafif sayfalar daha iyi sıralanır ve daha iyi dönüşüm sağlar.
Bitmiş fotoğrafların arşivlenmesi 90 veya üzeri kalitede, görünmez kaybın karşılığında devasa bir depolama tasarrufu elde edilir.

Web siteniz için hangisi daha iyi?

Web sitesi performansı, her fotoğraf varlığı için JPG'yi tercih eder. Sayfa ağırlığı doğrudan beslenir En Büyük İçerikli Boya, Google'ın Temel Web Verilerinden biri ve PNG fotoğraflarını JPG kopyalarıyla değiştirmek, genellikle resim ağırlıklı bir sayfada mümkün olan en büyük tek adımlı tasarruftur. PNG'yi ihtiyaç duyan parçalar için saklayın: logolar, şeffaf simgeler ve kullanıcı arayüzü öğeleri. Modern siteler giderek daha fazla hizmet veriyor WebP veya AVIFSıkıştırmada her iki klasik formatı da geride bırakan JPG, on yıllık tarayıcılardan ofis yazılımlarına kadar her yerde açılan evrensel bir yedek olmaya devam ediyor. Hangi karışımı tercih ederseniz edin, sonunda görüntüleri bir formattan diğerine taşımanız gerekecektir.

PNG ve JPG arasında dönüştürme nasıl yapılır

Dönüştürme bizim için üç adımdan oluşur ücretsiz tarayıcı tabanlı araç: PNG dosyalarınızı bırakın, bir kalite düzeyi veya tam bir hedef boyut seçin ve sonuçları indirin. İşleme, hiçbir şey yüklenmeden kendi cihazınızda gerçekleşir. Diğer yöne gitmek (JPG'den PNG'ye) teknik olarak önemsizdir ancak nadiren kullanışlıdır çünkü zaten sıkıştırılmış pikselleri kayıpsız bir kaba sarmak hiçbir şeyi kurtarmaz ve dosyayı şişirir. Bizim kalite kılavuzu kullanmaya değer tam ayarları kapsar.

PNG, JPG'den daha mı kaliteli?

Grafikler için evet, fotoğraflar için ise hayır. PNG matematiksel olarak mükemmeldir çünkü hiçbir şey atılmaz, ancak normal boyutta görüntülenen bir fotoğrafta, 90 kalitede kaydedilen bir JPG aynı görünür ancak onda biri kadar ağırlığa sahiptir.

Kayıpsız sıkıştırma ne anlama geliyor?

Kayıpsız sıkıştırma anlamına gelir dosya herhangi bir piksel verisini atmadan küçülür, böylece sıkıştırmayı açmak görüntüyü tam olarak geri yükler. Kayıplı sıkıştırma, gözün kaçırması muhtemel olmayan ayrıntıları kalıcı olarak ortadan kaldırarak daha da küçülür.

Logolar, fotoğraflar ve ekran görüntüleri için hangi formatı kullanmalıyım?

Logolar PNG'yi, fotoğraflar JPG'yi alır ve ekran görüntüleri hedefe bağlıdır: Düzenleme sırasında PNG'yi koruyun, paylaşmak veya yüklemek için JPG'ye dönüştürün.

Yazdırmak için PNG mi yoksa JPG mi?

Her ikisi de yüksek çözünürlükte iyi yazdırır, ancak matbaalar genellikle JPG'yi tercih ediyor çünkü dosyalar daha hızlı aktarılıyor ve renk hatları bunu bekliyor. Sıkıştırmanın kağıt üzerinde görünmez kalması için 95 veya üzeri kalitede dışa aktarın.

PNG dosyalarım neden bu kadar büyük?

Çünkü Fotoğrafik detayların kayıpsız saklanması pahalıdır. Milyonlarca ince farklı renk, DEFLATE algoritmasına sıkıştırılacak neredeyse hiçbir şey vermez, dolayısıyla format neredeyse ham piksel verilerini depolar.

JPG'yi PNG'ye dönüştürmek kaliteyi artırır mı?

Hayır. JPG'nin atıldığı ayrıntı kalıcı olarak kaybolduve PNG sarmalayıcı, hasarlı sürümü daha büyük bir dosyada korur.

Hangi görüntü formatları şeffaflığı destekliyor?

PNG, WebP, AVIF ve GIF şeffaflığı desteklemek; JPG ve BMP bunu yapmaz. PNG, eski formatlar arasında en yumuşak alfa karışımını sunar.

WebP PNG ve JPG'den daha mı iyi?

Sıkıştırmada evet: WebP dosyaları yüzde 25 ila 35 daha küçük çalışır eşdeğer JPG'lerden daha iyidir ve şeffaflığı da destekler. JPG hala eski yazılımlarla evrensel uyumluluk konusunda kazanıyor, bu yüzden her ikisi de her yerde kalıyor.

Hala karar veriyor musun? Görüntünüzün bir kopyasını aracılığıyla çalıştırın. PNG'den JPG'ye dönüştürücü ve sonucu orijinaliyle yan yana karşılaştırın. Doğru cevap genellikle saniyeler içinde belli olur ve kontrol edilmesinin hiçbir maliyeti yoktur.