PNG nedir? SVG, PNG ve JPG resim formatları: hangi formatta Png'nin artıları ve eksileri

Bilgisayar grafiklerişimdi her şeyi su bastı, hatta fotoğraflara kağıttan çok monitörde, telefonda veya TV ekranında bakıyoruz. Ancak en ilginç olan şey, bu görüntüleri saklama biçimlerinin çok farklı olmasıdır. Her biri kendi avantaj ve dezavantajlarına sahip düzinelerce görüntü depolama formatı vardır, ancak bunların en etkili ve popüler olanları en iyi kalite ve dahası, dosya küçüktür. Bu biçimlerden biri PNG'dir. Bu format nedir ve nereden geldi?

Kısaca bu görüntü depolama formatının ortaya çıkmasının nedeni hakkında ...

4 Ocak 1995'te, ücretli bir GIF yerine ücretsiz bir format oluşturma fikri ortaya atıldı ve aynı yılın Aralık ayında, yeni PNG formatı zaten hazırdı ve değerlendirilmek üzere teklif edildi. O zamanlar GIF formatı, sitelerde kullanıma uygun çok küçük dosyalar elde etmemize izin verdi. Ancak eski ücretsiz GIF aniden ödendi - bunun için patentin sahibi olan Unisys Corporation, bu formatı kullanan her görüntü için para talep etmeye başladı. İngilizce "taşınabilir ağ grafikleri" ifadesinin kısaltması olan PNG adlı ücretsiz bir formatın geliştirilmesinin nedeni buydu. Adından da anlaşılacağı gibi, dosyaların küçük boyutu nedeniyle ağda kullanılmak üzere tasarlanmıştır, bu da sayfaların grafiklerle daha hızlı yüklenmesini sağlar.

PNG formatının diğerleriyle, özellikle de ana rakibi GIF formatı ile karşılaştırıldığında avantajları ve dezavantajları nelerdir? Çok fazla fark var, ama önce ilk şeyler ...

PNG formatı, kendisi serbestçe yeniden dağıtılabilen, yani tamamen ücretsiz olan Deflate adlı bir sıkıştırma algoritması kullanır. Bu algoritma, her pikselin renk gamı hakkındaki bilgileri etkili bir şekilde sıkıştıran geleneksel bir arşivleyici ilkesiyle çalışır ve oldukça küçük bir dosya elde etmenizi sağlayan bu algoritmadır. Ek olarak, bu formatta, tam renkli görüntüleri, yani piksel başına 48 bit'e kadar kullananları kaydedebilirsiniz - ve bu, insan gözünün algılayabileceğinden bile daha büyük bir renk gamıdır. GIF formatı yalnızca 256 renk ve gölgeye izin verir - en basit resimler için yeterli, ancak fotoğraf kalitesi için çok az.

PNG, GIF ve TIFF biçimleri sözde alfa kanalını kullanır. Bu, resmin bazı kısımlarını şeffaf hale getirebileceğiniz anlamına gelir. Aynı zamanda, GIF formatında, bu çok basit bir şekilde yapılır - seçim için renklerden sadece biri şeffaf olarak atanır ve görüntüyü görüntülerken basitçe görülemez - bu şekilde şeffaf bir arka plan yapabilirsiniz. TIFF formatı bu konuda daha düşüncelidir, ancak çok nadiren kullanılır - dosya boyutu çok büyüktür. Ancak PNG formatında, alfa kanalı akıllıca yapılır - yalnızca şeffaflık değil, aynı zamanda 256 parlaklık derecesine sahiptir. Yani tamamen şeffaf bir arka plandan tam renkli bir görüntüye kolayca geçiş yapabilir ve aynı zamanda güzel efektler elde edebilirsiniz. Özellikle web sitelerinde güzel görünüyor. Şeffaflığa ihtiyacınız yoksa, resmi kaydederken kullanmayı atlayabilir ve daha da küçük bir dosya elde edebilirsiniz.

Ne yazık ki, PNG formatının çok önemli olmayan bir dezavantajı vardır - animasyon adı verilen bir dizi görüntüyü kaydetmenize izin vermez. GIF bunu yapmanızı sağlar. Bunun nedeni, yeni formatın oluşturulduğu sırada animasyonun pratikte hiçbir yerde kullanılmaması ve 1995'te renkli sitelere özel bir ihtiyaç olmadığı için animasyon gereksiz olduğu için projeden çıkarıldı. Bugün, animasyonun nişi, sıradan bir grafik formatının rakibi olmayan Flash teknolojisi tarafından işgal edilmektedir.

PNG bu kadar iyiyse, neden süper popüler hale gelmedi? Cevap basit - diğer programların geliştiricileri tarafından zayıf bir şekilde desteklendi. Özellikle İnternet kullanıcılarının çoğunluğunun bir tarayıcı kullanması gerçeğinden etkilenmiştir. Internet Explorer ve PNG görüntülerini "anlamadı", ancak diğer tarayıcıların geliştiricileri hemen onlara bu tür bir destek oluşturdu. Durum yalnızca Internet Explorer 7 göründüğünde düzeltildi, ancak "tanıtım" zamanı çoktan geçti.

Bugün PNG, GIF ve JPG formatlarıyla birlikte web teknolojilerinde en popüler ve önerilen üç formattan biridir. Ve animasyon eksikliğini bir dezavantaj olarak görmezseniz, diğerlerine kıyasla her açıdan kazanır. Kalite kaybı olmadan yüksek kaliteli görüntü, küçük dosya, yumuşak geçişler şeffaf arka plan, ve hatta kimsenin telif hakkını ihlal etmeden - bir web sitesi geliştiricisinin mutlu olması için başka neye ihtiyacı var?

PNG (Taşınabilir Ağ Grafikleri), "ping" olarak telaffuz edilir, kayıpsız sıkıştırma kullanarak grafik bilgilerini depolamak için kullanılan bir bit eşlem biçimidir. PNG, GIF'i hem geliştirmek hem de lisanssız bir grafik biçimiyle değiştirmek için oluşturuldu. PNG uluslararası bir standarttır (ISO IEC 15948: 2003) ve W3C tarafından resmi olarak tavsiye edilir.

PNG formatı, grafik bilgilerini sıkıştırılmış bir biçimde saklar. Ayrıca, bu sıkıştırma, örneğin standart JPEG'den farklı olarak "kayıp" olmadan gerçekleştirilir (maksimum yüksek seviye kalite).

PNG formatı, eski ve daha basit GIF formatının yerini alacak ve bir dereceye kadar çok daha karmaşık TIFF formatının yerini alacak şekilde tasarlanmıştır.

Web tasarımı hakkında konuşuyorsak, GIF ile karşılaştırıldığında aşağıdaki ana avantajlara sahiptir:

İyileştirilmiş sıkıştırma: Çoğu durumda PNG görüntüsü GIF görüntüsünden daha küçüktür.
- Görüntüde daha fazla renk: Görüntüde neredeyse sınırsız sayıda renk varken GIF için sınır 256'dır.
- Alfa kanalı için isteğe bağlı destek: GIF yalnızca ikili saydamlığı desteklerken, PGN, alfa kanalı desteği aracılığıyla sınırsız sayıda saydamlık efekti elde etmenize olanak tanır.

Bir dezavantaj olarak, elbette GIF gibi animasyon desteğinin eksikliğini belirtmekte fayda var. Elbette, Çoklu Görüntü Ağ Grafikleri (MNG) adı verilen benzer bir animasyon standardı olmasına rağmen, yaygın değildir ve buna bağlı olarak modern tarayıcılar tarafından yaygın olarak desteklenmemektedir.

PNG dosyası, Taşınabilir Ağ Grafikleri biçimindedir. Biçim kayıpsız sıkıştırma kullanır ve genellikle GIF görüntü biçiminin yerine geçer. Ancak, GIF'lerin aksine PNG dosyaları olumsuzluk animasyonu destekler. Bununla birlikte, çok benzer bir MNG (Çoklu Görüntü Ağı Grafiği) formatı vardır, ancak bu format GIF veya PNG dosyaları kadar popülerlik kazanmamıştır.

PNG dosyaları genellikle web sitelerinde grafik depolamak için kullanılır. Biraz İşletim sistemleri macOS ve Ubuntu gibi ekran görüntülerini varsayılan olarak PNG formatında saklar.

PNG'nin başka bir kullanımı, bir görüntünün bölümlerinin şeffaf olması gerektiğidir; bu, illüstrasyonlar oluştururken, bir web sitesi tasarlarken, bir fotoğraf oluştururken vb. faydalı olabilir. Örneğin, bir fotoğrafın üzerine yerleştirmek istediğiniz bir logonuz varsa, logoyu "kesmek" çok daha kolaydır, etrafında şeffaf pikseller bırakarak başka bir görüntünün üzerine yerleştirildiğinde Bu görüntü şeffaflıktan görülebiliyordu.

PNG dosyası nasıl açılır

PNG dosyası nasıl dönüştürülür

Çalıştığınız her görüntü dosyası dönüştürücünün PNG dosyasını başka bir formata dönüştürün(ör. ICO, GIF, BMP, TIF, vb.). FileZigZag ve Zamzar gibi bazı çevrimiçi PNG dönüştürücüler de bunu halledebilir.

Başka bir varyant PNG dosya dönüştürme- daha önce bahsettiğim resim görüntüleyicilerden birini kullanın. Esas olarak "açıcılar" olarak var olmalarına rağmen farklı şekiller görüntüler, bazıları açık bir PNG dosyasını başka bir görüntü formatına kaydetmeyi / dışa aktarmayı destekler.

PNG dosyaları ne zaman kullanılır?

PNG dosyaları Kullanmak için harika bir formattır, ancak her durumda zorunlu değildir. Bazen PNG çok büyük olabilir ve yalnızca gereksiz disk alanı kaplamakla veya karmaşık hale getirmekle kalmaz, aynı zamanda orada kullanırsanız bir web sayfasını önemli ölçüde yavaşlatabilir. Bu nedenle, tüm resimlerinizi PNG'ye dönüştürmeden önce aklınızda bulundurmanız gereken birkaç şey var (bunu yapmayın).

PNG dosya boyutlarını kesin olarak düşünürken, görüntü kalitesi avantajlarının alandan (veya yavaş web sayfası yükleme vb.) PNG dosyasından beri olumsuzluk JPEG gibi diğer kayıplı formatlar gibi görüntüyü sıkıştırır, görüntü PNG formatında olduğunda kalite o kadar düşmez.

JPEG dosyaları, görüntünün kontrastı düşük olduğunda kullanışlıdır, ancak PNG'ler, görüntüde çizgiler veya metinler veya geniş düz renkli alanlar gibi keskin kontrastla uğraşırken daha iyidir. Bu nedenle, ekran görüntüleri ve çizimler en iyi PNG formatında kaydedilirken, “gerçek” fotoğraflar en iyi JPEG / JPG formatında kaydedilir.

Tekrar tekrar düzenlenmesi gereken bir resimle uğraşırken JPEG yerine PNG kullanmayı da düşünebilirsiniz. Örneğin, o zamandan beri JPEG formatı sözde geçer nesil kaybı, dosyayı tekrar tekrar düzenlemek ve kaydetmek, zaman içinde görüntü kalitesinin düşmesine neden olur. Kayıpsız sıkıştırma kullandığından bu PNG için geçerli değildir.

PNG dosyalarıyla ilgili ek yardım

Arka planı PNG formatında saydam yapmak için, ücretsiz bir arka plan temizleme aracı olan Clipping Magic gibi otomatik araçları veya hemen hemen herhangi bir görüntü düzenleme programını kullanabilirsiniz.

Örneğin, Photoshop'unuz varsa, görüntüyü kendi katmanına yerleştirin, arka plan katmanını kaldırın ve ardından görüntünün saydam olması gereken kısımlarını silmek için herhangi bir aracı (Silgi, Seçim Çerçevesi, Kement gibi) kullanın.

Web ve diğer dijital kullanımlar için görseller oluşturmaya gelince, hangi dosya formatları size en iyi sonuçları sağlayabilir? Hıza karşı görüntü kalitesi ve boyutu hakkında düşünmelisiniz. Peki hangisini kullanmalısınız: SVG, PNG veya JPG?

JPG'yi 72 dpi alana sığdırmak ve devam etmek için kullandığınız bir zaman vardı. Artık. Yüksek çözünürlüklü ekranlar, çoklu görüntü alanları ve hızlı bir web sitesine duyulan ihtiyaç, hepsini çok daha zor bir süreç haline getirdi. Şimdi bu formatların her birinin artılarına ve eksilerine bir göz atalım!

SVG

SVG veya mevcut haliyle ölçeklenebilir vektör grafikleri inanılmaz derecede pratiktir. Tasarımcıların bu formatı daha sık kullanmalarının nedeni budur.

SVG bir vektör formatı olduğundan, her boyutta harika görünür ve fotoğrafçılık dışında hemen hemen her tür görüntü için çalışır.

SVG kayıpsız bir formattır, yani sıkıştırıldığında herhangi bir veri kaybetmez, sınırsız sayıda renk gösterir ve en yaygın olarak web'deki grafikler ve logolar ile Retina ve diğer yüksek ekranlarda görüntülenecek projeler için kullanılır. -çözünürlük ekranları.

SVG'nin Artıları

Vektör formatı her boyutta iyi işlenir
Kod veya metin düzenleyicide basit SVG işlemeleri oluşturma yeteneği
Adobe Illustrator veya Sketch'ten karmaşık grafikler tasarlayın ve dışa aktarın
SVG metni mevcut
SVG'ye stil vermek ve yazmak kolaydır
SVG biçimleri modern tarayıcılar tarafından desteklenir ve geleceğe yöneliktir
Biçim çok sıkıştırılabilir ve hafiftir
Metin biçimi nedeniyle arama yapmak için iyi
Şeffaflık desteği
Hareketsiz veya hareketli görüntüleri kaydetmenizi sağlar

SVG'nin Eksileri

SVG tasarımı karmaşıklaşabilir
Bazı eski tarayıcılarda görüntülenmiyor
E-posta istemcileri için sınırlı destek

PNG resim

PNG veya Taşınabilir Ağ Grafikleri, JPG'nin yapamadığını, şeffaflığı sunan web için tasarlanmış bir formattır. PNG'nin web sitesi tasarımları için logolar gibi öğeleri yüklemek için bu kadar popüler olmasının nedeni budur.

İki tür PNG vardır - PNG-8 ve PNG-24. PNG-8, yalnızca 256 renk içeren daha sınırlı bir renk paleti kullanır, biraz daha iyi şeffaflığa sahiptir ve küçük bir boyutta dışa aktarılır. PNG-24 sınırsız bir renk paleti kullanır, şeffaflığı destekler, ancak büyük boyutta dışa aktarılır. Her iki PNG türü de kayıpsız sıkıştırmaya sahiptir.

PNG biçimleri GIF'e benzese de animasyonu desteklemez. Bu biçim en çok simgeler, küçük hareketsiz görüntüler veya saydamlık gerektiren herhangi bir görüntü için kullanılır.

PNG'nin Artıları

Şeffaflık desteği
Metin içeren resimler için uygun
PNG formatları iyi logolar oluşturur
Arama motorları için satır içi metin açıklamasını içerir
PNG-8 küçük bir dosya boyutuna sahiptir ve en hafifidir
Pürüzlü kenarlar olmadan dışa aktarma

PNG'nin Eksileri

için dosya boyutları hızla büyüyor büyük dosyalar resimler gibi
biraz eski posta istemcileri onları oluşturmada sorun var
animasyon yok
PNG-24 dosyaları büyük olabilir, bu da İnternet üzerinden paylaşım için çok iyi ve kullanışlı değildir

JPEG

JPG veya JPEG, muhtemelen en ünlü görüntü formatıdır. Bu, çoğu görüntü için varsayılan seçenektir çünkü neredeyse sınırsız renkli ekranı sayesinde fotoğraflar için kullanışlıdır.

JPG ayrıca görüntünün %0'dan (güçlü sıkıştırma) %100'e (sıkıştırma yok) nasıl sıkıştırılacağını seçme olanağı da sunar. Çoğu tasarımcı yüzde 60 ila 70 aralığında bir şey seçer. Görüntüler bu sıkıştırma düzeyinde hala iyi görünüyor, ancak dosya boyutları önemli ölçüde daha küçük.

JPG kayıplı sıkıştırma kullanır ve sıkıştırma sırasında orijinal verileri desteklemez. Bir fotoğraf her yeniden kaydedildiğinde ve JPG formatında dışa aktarıldığında bozulur.

JPG formatı en yaygın olarak resimler, fotoğraflar ve çok sayıda rengi olan her şey için kullanılır.

JPEG'in Artıları

Çok renkli ve fotoğrafçılık için harika
Dosya boyutunu kolayca küçültün
E-posta istemcilerinde tutarlı bir şekilde görüntülenir

JPEG'in Eksileri

Şeffaflık yok
Metin için pürüzlü kenarlar oluşturur
animasyon yok
kayıplı biçim
Aramalar için otomatik meta veriler, alternatif bilgiler içermemelidir

Hangi formatı kullanmalısınız?

Artık SVG, PNG ve JPG arasındaki bazı farkların neler olduğunu bildiğinize göre hangisini kullanmalısınız?

Bunun cevabını almak için kendinize aşağıdaki sorulardan birkaçını sorabilirsiniz.

Vektör veya bitmap formatına mı ihtiyacınız var?

Vektör: SVG

Tarama: JPG veya PNG

Şeffaflığa mı ihtiyacınız var?

Evet: SVG veya PNG

Çok renkli bir resim mi kullanıyorsunuz?

Evet: JPG veya PNG

Bu büyük bir fotoğraf mı?

Resim metin içeriyor mu?

Kayıpsız sıkıştırma sizin için önemli mi?

Evet: SVG veya PNG

Grafikleri güncellemem ve yeniden yapılandırmam gerekiyor mu?

Hayır: PNG veya JPG

Animasyon kullanıyor musunuz?

Hayır: JPG veya PNG

Çözüm

Her üç görüntü formatının da - SVG, PNG ve JPG - pratik ve yaygın kullanımları vardır. SVG en yeni biçim olmasına ve genellikle en küçük dosya boyutuna kaydedilebilmesine rağmen, her zaman en iyi seçenek değildir.

Projenizde görüntüleri nasıl kullandığınızı, elde etmeye çalıştığınız şey için en uygun olanı bulmak için dosya türünü nasıl seçtiğinizi düşünün. Hatta bazı projelerin üç dosya türünü de kullanan resimler içerdiğini görebilirsiniz. Bu aslında oldukça sık olur!

Tüm başarılı işler ve yaratıcılık!

PNG (Taşınabilir Ağ Grafikleri), 8 bitlik bir renk paleti içeren raster tipi bir grafik formatıdır. PNG dosyaları için geliştirilen Deflate sıkıştırma algoritması, nihai görüntünün kalitesini kaybetmeden kaydedilen görüntünün boyutunu küçültür.

Bu makale ayrıca bir PNG dosyasını nasıl açacağınızı da gösterecektir.

karakteristik

PNG, JPG'den sonra en popüler ikinci internet formatıdır.

Diğer avantajların yanı sıra şunu da belirtmekte fayda var:

geçmeli düzen;
yerleşik yazılım renk paleti ve gama düzeltmesi.

İkincisi, tüm ekranlarda yazarın istediği gibi görünmesi için gerekli tüm görüntüleme parametrelerini görüntüye yerleştirmenize izin verir.

Formatın 2 versiyonu vardır:

PNG-8 (dizin renk gamı GIF'dekine benzer);
PNG-24 (JPEG'i taklit eden tam ve tam renk paleti).

Menşe tarihi

1995'te, özgür İnternetin gelişimi çağında, karmaşık GIF formatının tescilli doğası sorunu keskin bir şekilde ortaya çıktı. World Wide Web'de grafik veri alışverişi için eşit derecede güvenilir, ancak özgür ve özgür bir biçime ihtiyaç vardı. Şu anda, PNG 1.0 spesifikasyonları, 1996'da onaylanan uluslararası konsorsiyum W3C'de sunuldu.

Biçim, GIF'e alternatif olarak oluşturuldu. İkincisi 2004 yılına kadar “kapatıldı”, yani ücretsiz kullanım için bir takım kısıtlamalara sahipti (korurken sahibinin telif hakkını, yerleştirildiğinde patent lisanslarını gerektiriyordu). PNG, 48 bite kadar renk derinlikleri ve görüntü aktarımı için 8 bit alfa kanalı desteği uygularken bu tür eksikliklerden mahrum kaldı.

Geliştiriciler, GIF'de imkansız olan pürüzsüz renk şeffaflığı yaratmayı başardılar. İkincisinde, palet 8 bit kanal (256 renk) ile sınırlıdır ve yalnızca tam şeffaflık desteklenir.

PNG dosyaları nasıl açılır

Bugün, grafik formatı İnternet tarayıcısında ve standart grafik görüntüleyicilerde kolayca gösterilebilir. Daha ayrıntılı olarak, resim aşağıdaki gibidir: her işletim sisteminin formatla çalışmak için kendi araçları vardır. PNG formatının nasıl açılacağına daha yakından bakalım.