Pek çok türde görüntü uzantısı gördüm ancak aralarındaki gerçek farkları hiç anlamadım. Farklılıklarını açıkça açıklayan herhangi bir bağlantı var mı?
Bir uygulamada kullanılacak belirli bir görüntü türünü seçerken dikkate alınması gereken standartlar var mı? Web uygulamaları için ne kullanıyoruz?
Yanıtlar:
Evet. Farklı dosya biçimleridir (ve dosya uzantıları).
Biçimlerin her biri için Wikipedia girişleri size oldukça fazla bilgi verecektir:
Görüntü formatları üç geniş kategoriye ayrılabilir:
Sıkıştırılmamış formatlar en fazla miktarda veriyi alır, ancak bunlar görüntünün tam temsilleridir. BMP gibi bitmap formatları, sıkıştırılmış BMP dosyaları da olmasına rağmen genellikle sıkıştırılmamış haldedir.
Kayıplı sıkıştırma formatları genellikle fotoğraflar için uygundur. Görüntünün sıkıştırılmasından kaynaklanan sıkıştırma artefaktları göze çarpacağından illüstrasyonlar, çizimler ve metinler için uygun değildir . Kayıplı sıkıştırma, adından da anlaşılacağı gibi, dosyanın tüm bilgilerini kodlamaz, bu nedenle bir görüntü olarak kurtarıldığında, orijinalin tam bir temsili olmayacaktır. Ancak, belirli bilgileri attığı için kayıpsız formatlara kıyasla görüntüleri çok etkili bir şekilde sıkıştırabilir. Kayıplı sıkıştırma formatının en iyi örneği JPEG'dir.
Kayıpsız sıkıştırma formatları, resimler, çizimler, metinler ve kayıplı sıkıştırmayla sıkıştırıldığında iyi görünmeyecek diğer malzemeler için uygundur. Adından da anlaşılacağı gibi, kayıpsız sıkıştırma orijinaldeki tüm bilgileri kodlayacaktır, bu nedenle görüntü açıldığında, orijinalin tam bir temsili olacaktır. Kayıpsız sıkıştırmada bilgi kaybı olmadığından, çoğu durumda kayıplı sıkıştırma kadar yüksek bir sıkıştırma elde edemez. Kayıpsız görüntü sıkıştırma örnekleri PNG ve GIF'tir. (GIF yalnızca 8 bit görüntülere izin verir.)
TIFF ve BMP'nin her ikisi de "sarmalayıcı" biçimlerdir, çünkü içindeki veriler kullanılan sıkıştırma tekniğine bağlı olabilir. Hem sıkıştırılmış hem de sıkıştırılmamış görüntüler içerebilir.
Belli bir görüntü sıkıştırma formatının ne zaman kullanılacağı gerçekten neyin sıkıştırıldığına bağlıdır.
İlgili soru: Web için büyük resimleri acımasızca sıkıştırma
Birkaç temel faktörün farkında olmalısınız ...
İlk olarak, iki tür sıkıştırma vardır: Kayıpsız ve Kayıplı .
Kayıpsız , görüntünün küçültülmesi, ancak kaliteye zarar vermeden yapılması anlamına gelir. Kayıplı , görüntünün daha küçük (eşit), ancak kaliteye zarar verdiği anlamına gelir. Bir görüntüyü Kayıplı formatta defalarca kaydederseniz, görüntü kalitesi giderek daha da kötüleşirdi.
Ayrıca farklı renk derinlikleri (paletler) vardır: Dizine alınmış renk ve Doğrudan renk .
Dizine Alınmış ile bu, görüntünün yalnızca görüntü yazarı tarafından seçilen sınırlı sayıda rengi (genellikle 256) depolayabileceği anlamına gelir; Direct ile bu, yazar tarafından seçilmemiş binlerce rengi depolayabileceğiniz anlamına gelir.
BMP - Kayıpsız / Endekslenmiş ve Doğrudan
Bu eski bir formattır. Kayıpsızdır (kaydederken görüntü verisi kaybolmaz) ancak aynı zamanda çok az sıkıştırma vardır veya hiç sıkıştırma yoktur, bu da BMP olarak kaydetmenin ÇOK büyük dosya boyutlarına neden olacağı anlamına gelir. Hem Dizine Eklenmiş hem de Doğrudan paletlere sahip olabilir, ancak bu küçük bir teselli. Dosya boyutları o kadar gereksizdir ki hiç kimse bu biçimi gerçekten kullanmaz.
Şunun için iyi: Gerçekten hiçbir şey. BMP'nin üstün olduğu veya diğer formatlar tarafından daha iyi yapılmadığı hiçbir şey yoktur.
GIF - Kayıpsız / Yalnızca Dizine Eklenmiş
GIF kayıpsız sıkıştırma kullanır, yani görüntüyü defalarca kaydedebilir ve hiçbir veri kaybetmezsiniz. Dosya boyutları BMP'den çok daha küçüktür, çünkü aslında iyi sıkıştırma kullanılır, ancak yalnızca Dizine Alınmış bir paleti depolayabilir. Bu, dosyada en fazla 256 farklı renk olabileceği anlamına gelir. Bu oldukça küçük bir miktar gibi görünüyor ve öyle.
GIF resimleri de animasyonlu ve şeffaf olabilir.
Şunun için iyi: Küçük olması gereken logolar, çizimler ve diğer basit resimler. Yalnızca web siteleri için gerçekten kullanılır.
JPEG - Kayıplı / Doğrudan
JPEG resimleri, insan gözünün fark etmeyeceği bilgileri kaldırarak olabildiğince küçük ayrıntılı fotoğraf görüntüleri oluşturmak için tasarlandı. Sonuç olarak, bu bir Kayıplı biçimdir ve aynı dosyayı defalarca kaydetmek, zamanla daha fazla veri kaybına neden olur. Binlerce renkten oluşan bir paleti vardır ve bu nedenle fotoğraflar için harikadır, ancak kayıplı sıkıştırma, logolar ve çizgi çizimleri için kötü olduğu anlamına gelir: Sadece bulanık görünmekle kalmaz, aynı zamanda bu tür görüntüler GIF'lere kıyasla daha büyük dosya boyutuna sahip olur!
Şunun için iyi: Fotoğraflar. Ayrıca gradyanlar.
PNG-8 - Kayıpsız / İndekslenmiş
PNG daha yeni bir formattır ve PNG-8 (PNG'nin indekslenmiş versiyonu) GIF'ler için gerçekten iyi bir alternatiftir. Ne yazık ki, bazı dezavantajları var: Birincisi, GIF gibi animasyonu destekleyemez (iyi olabilir, ancak her tarayıcı tarafından desteklenen GIF animasyonundan farklı olarak yalnızca Firefox bunu destekliyor gibi görünüyor). İkinci olarak, IE6 gibi eski tarayıcılarla bazı destek sorunları var. Üçüncüsü, Photoshop gibi önemli yazılımlar formatın çok zayıf uygulanmasına sahiptir. (Lanet olsun Adobe!) PNG-8, GIF'ler gibi yalnızca 256 renk depolayabilir.
Şunun için iyi: PNG-8'in GIF'lerden daha iyi yaptığı en önemli şey Alfa Şeffaflığı desteğine sahip olmasıdır.
Önemli Not: Photoshop, PNG-8 dosyaları için Alfa Saydamlığını desteklemez. (Lanet olsun, Photoshop!) Photoshop PNG-24'ü şeffaflıklarını koruyarak PNG-8 dosyalarına dönüştürmenin yolları var. Bir yöntem PNGQuant'tır , diğeri ise dosyalarınızı Fireworks ile kaydetmektir .
PNG-24 - Kayıpsız / Doğrudan
PNG-24, Kayıpsız kodlamayı Direct renkle (binlerce renk, JPEG gibi) birleştiren harika bir formattır. Bu bakımdan BMP'ye çok benziyor, ancak PNG aslında görüntüleri sıkıştırıyor, bu yüzden çok daha küçük dosyalar oluşturuyor. Ne yazık ki PNG-24 dosyaları hala JPEG'lerden, GIF'lerden ve PNG-8'lerden çok daha büyük olacaktır, bu nedenle gerçekten kullanmak isteyip istemediğinizi yine de düşünmeniz gerekir.
PNG-24'ler sıkıştırma sırasında binlerce renge izin verse de, JPEG görüntülerin yerini alması amaçlanmamıştır. PNG-24 olarak kaydedilen bir fotoğraf, eşdeğer bir JPEG görüntüsünden muhtemelen en az 5 kat daha büyük olacaktır, bu da görünür kalitede çok az iyileşme sağlar. (Elbette, dosya boyutu ile ilgilenmiyorsanız ve alabileceğiniz en kaliteli görüntüyü elde etmek istiyorsanız bu arzu edilen bir sonuç olabilir.)
PNG-8 gibi PNG-24 de alfa şeffaflığı destekler.
Umarım bu yardımcı olur!
Genellikle bunlar:
Kayıpsız sıkıştırma Kayıpsız sıkıştırma algoritmaları, görüntü kalitesini kaybetmeden dosya boyutunu azaltır, ancak bunlar kayıplı bir sıkıştırma dosyası kadar küçük bir dosyaya sıkıştırılmaz. Görüntü kalitesi dosya boyutunun üzerinde değerlendirildiğinde, genellikle kayıpsız algoritmalar seçilir.
Kayıplı sıkıştırma
Kayıplı sıkıştırma algoritmaları, insan gözünün doğasında olan sınırlamalardan yararlanır ve görünmez bilgileri atar. Çoğu kayıplı sıkıştırma algoritması, değişken kalite düzeylerine (sıkıştırma) izin verir ve bu düzeyler arttıkça, dosya boyutu küçülür. En yüksek sıkıştırma seviyelerinde, görüntü bozulması "sıkıştırma artefaktasyonu" olarak fark edilir hale gelir. Aşağıdaki resimler, kayıplı sıkıştırma algoritmalarının göze çarpan yapaylığını göstermektedir; tam boyutlu versiyonu görmek için küçük resmi seçin.
Her format aşağıda açıklandığı gibi farklıdır:
JPEG JPEG (Joint Photographic Experts Group) dosyaları (çoğu durumda) kayıplı bir biçimdir; DOS dosya adı uzantısı JPG'dir (diğer işletim sistemleri JPEG kullanabilir). Neredeyse her dijital kamera, görüntüleri 24 bitlik bir toplam için renk başına 8 biti (kırmızı, yeşil, mavi) destekleyen ve nispeten küçük dosyalar üreten JPEG biçiminde kaydedebilir. Çok iyi olmadığında, sıkıştırma görüntünün kalitesini önemli ölçüde azaltmaz, ancak JPEG dosyaları tekrar tekrar düzenlendiğinde ve kaydedildiğinde nesilsel bozulmaya uğrar. Fotoğrafik görüntüler, yeniden düzenleneceklerse veya küçük "kusurlar" (JPEG sıkıştırma algoritmasının neden olduğu kusurlar) kabul edilemezse, kayıpsız JPEG olmayan bir formatta daha iyi saklanabilir. JPEG formatı ayrıca birçok Adobe PDF dosyasında görüntü sıkıştırma algoritması olarak kullanılır.
TIFF TIFF (Etiketli Görüntü Dosyası Biçimi), TIFF veya TIF dosya adlarını kullanarak sırasıyla 24 bit ve 48 bit toplamlar için normalde renk başına 8 bit veya 16 bit (kırmızı, yeşil, mavi) kaydeden esnek bir biçimdir. . TIFF'in esnekliği hem nimet hem de lanettir, çünkü tek bir okuyucu her tür TIFF dosyasını okumaz. TIFF'ler kayıplı ve kayıpsızdır; bazıları iki seviyeli (siyah beyaz) görüntüler için nispeten iyi kayıpsız sıkıştırma sunar. Bazı dijital kameralar, kayıpsız depolama için LZW sıkıştırma algoritmasını kullanarak TIFF formatında kaydedebilir. TIFF resim formatı, web tarayıcıları tarafından yaygın olarak desteklenmemektedir. TIFF, baskı sektöründe bir fotoğraf dosyası standardı olarak geniş çapta kabul görmeye devam etmektedir. TIFF, belirli bir baskı baskı mürekkebi seti tarafından tanımlanan CMYK gibi aygıta özgü renk alanlarını işleyebilir.
PNG PNG (Taşınabilir Ağ Grafikleri) dosya biçimi, GIF'in ücretsiz, açık kaynaklı halefi olarak oluşturuldu. PNG dosya formatı gerçek rengi (16 milyon renk) desteklerken, GIF yalnızca 256 rengi destekler. PNG dosyası, görüntünün geniş, tek tip renkli alanlara sahip olması durumunda mükemmeldir. Kayıpsız PNG formatı, resimleri düzenlemek için en uygun olanıdır ve JPG gibi kayıplı formatlar, fotoğrafik görüntülerin son dağıtımı için en iyisidir, çünkü JPG dosyaları PNG dosyalarından daha küçüktür. Birçok eski tarayıcı şu anda PNG dosya biçimini desteklememektedir, ancak Internet Explorer 7 ile tüm çağdaş web tarayıcıları PNG biçimini tam olarak desteklemektedir. Adam7-interlacing, görüntü verilerinin sadece küçük bir yüzdesi iletildiğinde bile erken bir ön izleme sağlar.
GIF GIF (Grafik Değişim Biçimi), 8 bitlik bir palet veya 256 renkle sınırlıdır. Bu, GIF formatını basit diyagramlar, şekiller, logolar ve karikatür tarzı görüntüler gibi nispeten az renkli grafikleri depolamak için uygun hale getirir. GIF formatı animasyonu destekler ve görüntü animasyon efektleri sağlamak için hala yaygın olarak kullanılmaktadır. Ayrıca, geniş alanlar tek bir renge sahip olduğunda daha etkili olan ve ayrıntılı görüntüler veya titreşimli görüntüler için etkisiz olan kayıpsız bir sıkıştırma kullanır.
BMP
BMP dosya biçimi (Windows bit eşlem), Microsoft Windows İşletim Sistemi içindeki grafik dosyalarını işler. Tipik olarak, BMP dosyaları sıkıştırılmamıştır, dolayısıyla büyüktürler; avantajı basitlikleri, geniş kabul görmeleri ve Windows programlarında kullanılmasıdır.
Web Sayfaları / Web Uygulamaları için kullanın
Aşağıda, bir web sayfası / uygulama ile kullanıldığında bu görüntü formatlarının kısa bir özeti bulunmaktadır.
Kaynak: Görüntü Dosyası Biçimleri
Başkaları farklılıkları ele aldığından, kullanımlara ulaşacağım.
TIFF genellikle tarayıcılar tarafından kullanılır. Çok büyük dosyalar oluşturur ve uygulamalarda gerçekten kullanılmaz.
BMP sıkıştırılmamış ve ayrıca büyük dosyalar oluşturuyor. Ayrıca uygulamalarda gerçekten kullanılmaz.
GIF eskiden web'in her yerindeydi, ancak yalnızca sınırlı sayıda rengi desteklediği ve patentli olduğu için gözden düşmüştür.
JPG / JPEG, metin için olmasa da esas olarak fotoğraf kalitesinde olan her şey için kullanılır. Kullanılan kayıplı sıkıştırma, keskin çizgileri bozma eğilimindedir.
PNG, JPEG kadar küçük değildir ancak kayıpsızdır, bu nedenle keskin çizgilere sahip görüntüler için iyidir. Artık web'de yaygın olarak kullanılıyor.
Şahsen, genellikle mümkün olan her yerde PNG kullanıyorum. JPG ve GIF arasında iyi bir uzlaşma.
JPG> Birleşik Fotoğraf Uzmanları Grubu
1 JPG resimler 16 milyon rengi destekler ve fotoğraflar ve karmaşık grafikler için en uygunudur
2 JPG şeffaflığı desteklemez.
PNG> Taşınabilir Ağ Grafikleri
1 GIF teknolojisi telif hakkıyla korunduğunda ve kullanım izni gerektiğinde GIF dosya biçimine alternatif olarak kullanılır.
2 PNG, GIF'lerden yüzde 5 ila 25 daha fazla sıkıştırmaya ve daha geniş bir renk yelpazesine izin verir. PNG'ler, GIF görüntülerinden iki kat daha hızlı yüklenmelerini sağlayan iki boyutlu taramalı kullanır. "
3 Çok fazla renk içeren veya gelişmiş değişken saydamlık gerektiren görüntü, tercih edilen dosya türüdür.
GIF> Grafik Değişim Biçimi
1 Bir görüntüdeki renk sayısını 256'ya düşürür.
2 GIF ayrıca şeffaflığı destekler.
3 GIF, videolara benzer şekilde animasyonlu GIF adı verilen bir dizi görüntüyü görüntüleme konusunda benzersiz bir yeteneğe sahiptir.
4 Görüntüde az renk varsa ve herhangi bir gelişmiş alfa saydamlık efekti gerektirmiyorsa, gidilecek yol GIF'dir.
SVG> Ölçeklenebilir Vektör Grafikleri
1 SVG'ler, hem statik görüntüleri hem de animasyonları iki boyutlu olarak tanımlayan XML tabanlı bir web standardıdır.
2 SVG, boyutları büyüdükçe / küçüldükçe ayrıntılarını kaybetmeyen çok yüksek kaliteli grafikler ve animasyonlar oluşturmanıza olanak tanır.
Bu adlar, piksel görüntü verilerini kodlamanın farklı yollarını ifade eder (JPG ve JPEG aynı şeydir ve TIFF, bazı ek meta verilerle bir jpeg içerebilir).
Bu görüntü formatları, farklı sıkıştırma algoritmaları, farklı renk gösterimleri, görüntünün kendisinden başka ek verileri taşıma konusunda farklı yetenekler vb. Kullanabilir.
Web uygulamaları için jpeg veya gif'in yeterince iyi olduğunu söyleyebilirim. Jpeg, daha yüksek sıkıştırma oranı nedeniyle daha sık kullanılır ve gif, genellikle bir flaşın (veya benzer bir şeyin) aşırı öldürme olduğu hafif animasyonlarda veya şeffaf arka planın istendiği yerlerde kullanılır. PNG de kullanılabilir, ancak bu konuda pek tecrübem yok. BMP ve TIFF muhtemelen web uygulamaları için iyi adaylar değildir.
Cobird ve Gerald ne dedi.
Ek olarak, JPEG dosya formatı adıdır. Daha önceki Windows sistemleri için 3 harfli bir dosya uzantısına sahip olmanız gerektiğinden JPG, bu biçim için yaygın olarak kullanılan kısaltılmış dosya uzantısıdır. Aynı şekilde TIFF ve TIF ile.
Web tarayıcıları şu anda yalnızca JPEG, PNG ve GIF dosyalarını görüntülüyor - bu nedenle bunlar web sayfalarında gösterilebilenlerdir.
PNG, alfa kanal şeffaflığını destekler.
TIFF, CBS uygulamaları için genişletilmiş seçeneklere, yani Geo referansına sahip olabilir .
Sadece fotoğraflar için JPEG kullanmanızı öneririm, asla küçük resim, logo, metin, diyagram, çizgi sanatı gibi resimler için asla.
PNG'yi tercih et.
Dosya uzantısı, görüntünün nasıl kaydedildiğini söyler. Bu formatlardan bazıları bitleri olduğu gibi kaydeder, bazıları görüntüyü kayıpsız ve kayıplı yöntemler dahil olmak üzere farklı şekillerde sıkıştırır. Web size söyleyebilir, ancak bazı hasta yanıtlayıcılarının bunları burada özetleyeceğini biliyorum.
Web çoğunlukla gif, jpg ve png'yi tercih eder. JPEG, jpg ile aynıdır (veya çok yakındır).
Farklı görüntü biçimleri arasındaki fark ve kullanım için yukarıda zaten iyi bir tartışma var.
Bununla birlikte, bir resim yakalama ve depolama sürecinin genel süreci için bir şeyler eklemek istiyorum.
Veya inşa sürecini söyleyebilirsiniz (artık bilgisayarlarla resim çizebildiğimiz veya yapabildiğimiz için). Bir kamera ile fotoğraf çekerseniz, zaten çok sayıda sensör (CCD veya CMOS) ve algoritma (Bayer Desen Filtresi, Alt-örnekleme ve niceleme, vb.) Kullanıyorsunuz. Ayrıca Pixel Formatve gibi şeyler de var Color Space. Temel piksel bilgilerini aldıktan sonra, bunları depolamanın bir yolu olmalı.
Piksel bilgilerini bir dosyaya depolamak için bir kurala ve ilgili algoritmalara ihtiyacımız var. Yerden tasarruf etmek için sıkıştırma vardır, ancak temelde sorun pikselleri bayt olarak kodlamak ve gösterim için baytları piksellere dönüştürmektir.
Tipik bir görüntü dosyası, temelde iki: meta data or file headerve olmak üzere birkaç bölümden oluşabilir pixel data section. meta dataGörüntünün belki kendisi anlatır heightve width, file formatvb Ve pixel data sectiongerçek sectionilgilenir real picture.
Daha önce de söylediğimiz gibi, dosyalar sabit diskte saklanır ve bayt / bit cinsindendir. Yani görüntü dosyalarının önceliği yoktur, ancak bayt akışı da vardır. Göstermek için, belki monitörün nasıl çalıştığını bilmek için bir şeyler almalıyız. Tipik PC monitörleri, görüntüleme için RGB modelini kullanır.
Bu yardımcı olur umarım:-)