Merhaba, blog sitesinin sevgili okuyucuları. Bugün sitede ve genel olarak görüntülenen görseller için kullanıma uygun raster grafik formatlarından bahsetmek istiyorum.

Şimdi tam olarak GIF animasyonu desteği nedeniyle popüler olan Gif'e, tam renkli fotoğraflar eklemek için çok uygun olan Jpg'ye ve tabii ki şeffaf bir arka plana sahip resimler oluşturmanıza olanak tanıyan Png'ye bakacağız. daha önce bahsedilen formatlar için mükemmel bir alternatif olabilir. Ayrıca yaklaşık yarım grafik ve yarım metin de okuyabilirsiniz.

Hepsi aktif olarak kullanılmaktadır, ancak işin püf noktası, görüntü kalitesinin zarar görmemesi ve ağırlığının minimum düzeyde olması için her özel durum için en uygun formatı seçmektir. Grafikleri bu ve buna benzer ücretsiz hizmetlerden almanızı tavsiye ederim, böylece daha sonra telif hakkı ihlaliyle ilgili herhangi bir sorun yaşanmaz.

Web için GIF, JPEG ve PNG biçiminde raster grafikler

Günümüzde bireysel web sayfalarını üzerinde fotoğraf, simge veya resim olmadan hayal etmek çok zordur. Bu arada, grafikleri görüntüleyebilen ilk tarayıcı, .

Üstelik yukarıda da belirttiğim gibi tüm resim formatları siteye eklemeye uygun değildir, yalnızca belirli olanları, maksimum bunun için tasarlandı - Gif, Png ve Jpg. Bir web sayfasına eklemek istediğiniz görselin türüne bağlı olarak, bahsedilen formatlardan birini seçmeniz gerekecektir; bu format da raster grafiklere aittir.

Kendi başına, kağıt veya monitör üzerindeki görüntünün piksel (renkli noktalar) adı verilen tekli öğelerden oluşacağını ima eder. Raster grafiklerle ilgili herhangi bir formattaki tüm resimlerin belirli özellikleri vardır.

Resmin boyutu böyle bir kavramla belirlenir. izin, yatay ve dikey, örneğin 300 x 200. Ancak bazen, örneğin kamera üreticileri (12 Mega piksel vb.) gibi resimdeki toplam piksel sayısından bahsederler.

Web ile ilgili olarak, taramalı görüntünün fiziksel boyutu, kullanıcının web sayfasını görüntülediği cihazın piksel boyutuna (ekran greni) önemli ölçüde bağlı olabilir. Görüntüler aynı zamanda şöyle bir kavramla da karakterize edilir: renk sayısı içinde kullanılır. Örneğin Gif, bir baytlık bilgide belirtilen yalnızca 256 rengi kullanır.

Bunun yanı sıra, bu formatlar çeşitli renk modelleri, mümkün olan tüm renk tonlarının yardımıyla. Sizlerle yazmayı tartıştığımızda RGB modelini oluşturma prensiplerine biraz detaylı olarak baktık.

Raster grafiklerin ana dezavantajlarından biri, web'de kullanılan Gif, Png ve Jpg formatlarında bile ortaya çıkan görüntülerin büyük boyutudur. Doğal olarak ortaya çıkan görüntüleri azaltmak için çeşitli sıkıştırma algoritmaları hem kalite bozulmasıyla (kayıplı sıkıştırma) hem de onsuz çalışan.

Bütün bunlar, ses sıkıştırma algoritmalarının çalışma prensiplerine çok benzer - MP3 kayıplarla sıkıştırılır ve her şeyden önce, büyük olasılıkla insan kulağı tarafından algılanmayacak geçişler kaldırılır. Raster grafik dünyasında böyle bir benzetme yapılabilir. Jpg formatı Bilgi sıkıştırmanın gerçekleştirildiği kayıplarla. Aynı zamanda insanın görsel algısının olanakları da dikkate alınmakta ve öncelikle özellikle fark edilmeyecek detaylar kaldırılmaktadır.

Ancak kayıpsız görüntü sıkıştırma algoritmaları da vardır - BMP, Gif ve Png. BMP çoğunlukla sıkıştırılmış bir görüntü değildir, ancak Gif ve Png kayıpsız sıkıştırılır tekrarlayan ve gereksiz bilgileri kaldırarak (arşivleme gibi bir şey ortaya çıkıyor, ancak raster grafiklerin özellikleri dikkate alınarak).

Raster grafiklerle çalışabilen birçok grafik düzenleyici vardır (örneğin, aynı Photoshop veya o), ancak özellikle buna yönelik düzenleyiciler kullanmalısınız çünkü ancak o zaman en optimize edilmiş görüntüleri elde edebileceksiniz ve o zaman en iyi duruma getirilmiş görüntüleri elde edebileceksiniz. Kullanıcıların tarayıcılarına yüklerken hosting sunucunuz üzerinde gereksiz bir yük oluşturmayacaktır.

Gif formatı - site için tasarım öğeleri ve animasyon

Şu anda neredeyse tüm tarayıcılar web için kullanılan üç ana tarama grafik formatını desteklemektedir - Gif, Png ve Jpg. Tarihsel olarak, GIF ilk ortaya çıkan şeydi ve onun yardımıyla, ilk tarayıcılarda, öncelikle GIF animasyonu olarak adlandırılan resimler ve medya bilgileri eklemek ve görüntülemek mümkün oldu.

Gif kısaltması, Grafik Değişim Formatı anlamına gelir. gibi telaffuz edilir gif, ancak standardın geliştiricileri buna jif demenin doğru olduğuna inanıyordu, ancak Rus yorumunda başka bir isim kök saldı.

Çünkü uzun zaman önce geliştirildi ve o zamanlar çoğu kullanıcı çok az şeye sahipti ve onu oluştururken asıl vurgu, ortaya çıkan görüntünün boyutunu en aza indirmekti (bunun hakkında veya hakkında bir makalede yazdım).

Bu bağlamda Gif, aşağıdakilerden oluşan bir palet içerebilir: yalnızca 256 renk arasından(aynı zamanda indekslenmiş palet olarak da adlandırılır). Onlar. Bu formata dönüştürülen bir görüntü her zaman 256'dan fazla renk tonu içermeyecek ve diğer tüm renkler karıştırma esasına göre oluşturulacaktır (temel paletten bitişik pikseller, uzaktan insan gözünün bunları algılayacağı şekilde akıllıca seçilmiştir). bu yerde gerekli renk).

Ancak ne yazık ki pratikte, tam renkli fotoğrafları GIF'lere dönüştürürken, fotoğrafların internette yayınlanmasını kabul edilemez hale getiren bir dizi eser ortaya çıkıyor (bu karışım nedeniyle). Bu nedenle web sitesi sayfalarında tam renkli görseller ve fotoğraflar görüntülemek için kullanılmaz (bunun için çoğunlukla Jpg veya Png seçilir).

Gif animasyonu ve internette kullanımı

Bu kadar önemli bir dezavantaja sahip olan Gif'in uzun zaman önce unutulmaya yüz tutması gerekirdi, ancak yine de tüm canlılardan daha canlıdır ve bu formattaki görseller genellikle web sitelerinin sayfalarında bulunabilir.

Buradaki bütün mesele şu ki GIF formatı animasyonu destekler(web'de kullanılan tek kişi). İnternette bol miktarda bulabileceğiniz her türlü animasyonlu ve (dahil) GIF uzantısına sahiptir.

Doğru, alternatif bir format olan Mng bir süredir geliştiriliyor ve Png'ye animasyon olanağı ekleniyor, ancak gelişimi ve dağıtımı çok yüksek bir hızda ilerlemiyor. Bu nedenle flash teknolojisini dikkate almazsanız webdeki tüm animasyonlar Gif ve flash temelinde oluşturulur.

Bu animasyonun özü, GIF kabının bir değil, aynı anda birkaç görüntü içermesi ve bu görüntülerin birbirinin yerini alacağı sürenin de burada yazılmasıdır. Bu durumda, son kareden sonra ilk karenin görüntüsü yeniden başladığında animasyonu döngüye almak mümkün olacaktır.

Gif animasyonu oluşturabileceğiniz özel editörler vardır. Önemli olan, belirli bir boyutta gerekli sayıda resim oluşturmak ve ardından bunları zaman çizelgesine yerleştirmek ve değişimleri için bir aralık belirlemektir.

Sonuç, web sayfalarında görmeye alıştığımız çizgi film efektinin aynısıdır. Bazen gözler bile animasyonlu pankartlardan (nasıl olduğunu okuyun), ifadelerden, avatarlardan parlıyor. GIF animasyonuna bir örnek, projemin " " sayfasındaki goblindir.

GIF şeffaf arka planı destekliyor (neredeyse)

Ancak animasyon bu formatın tek özelliği değildir. Ayrıca oluşturulan görüntüler için şeffaflık yaratmanın ilkel bir yolunu da destekleyebilir. Gif'teki 256 olası renkten biri şeffaf olarak ayarlanmıştır ve web sayfasının arka planı bunun üzerinden gösterilecektir, bu resmin yer alacağı yer.

Ancak sorun şu ki, bu formattaki bir görüntüdeki herhangi bir piksel için yalnızca iki değer mümkündür - şeffaf veya opak (yarı şeffaf, çeyrek şeffaf vb. gibi ara seçeneklerin olasılığı olmayan iki uç durum). Onlar. alfa kanalı kavramı hakkında (Png'de kullanılır), şeffaf GIF soru yok. Bu, düzgün bir şekilde değişen şeffaflık seviyelerinin görüntülenmesini zorlaştırır.

Ancak yine de şeffaf GIF web'de uygulama buluyor. Örneğin web sayfalarında kullanılan çeşitli işaretleyiciler çoğunlukla bu formatta kaydedilir. İşaretçinin etrafındaki arka plan şeffaf hale getirilir ve web sayfasının arka planı onun içinden gösterilir. Örneğin, gri arka plana sahip bir işaretleyici şu şekilde görünecektir:

GIF olarak kaydederken gri arka planı şeffaf bir renkle değiştirirken aynı işaretçi şu şekilde görünecektir:

Gif görsellerinde şeffaflığı azaltan düzgün kenarlar oluşturmak için tek bir yöntem kullanıyorlar. Herhangi bir grafik düzenleyicide, bu formatta bir görüntü oluştururken, MATE rengini belirleme olanağına sahip olacaksınız (aksi takdirde varsayılan renk, genellikle beyaz, bu şekilde kullanılacaktır).

MATE rengi, Hypha'nın oluşturmak istediğiniz alanlarına karıştırılır şeffaflığı azaltan pürüzsüz kenarlar, ancak tüm bunlar yalnızca belirttiğiniz MATE ile eşleşen web sayfası arka planı için iyi görünecektir. Ancak başka bir gölgenin üstüne, bu resim pek de iyi görünmeyecek.

Hangi web grafikleri için Gif formatını kullanmak mantıklıdır?

Yukarıda da belirttiğim gibi, bu formatta resimler kayıpsız olarak sıkıştırılır (dönüştürülür), ancak yalnızca orijinal resim 8 bit ise (renk kodlaması için yalnızca bir bayt ayrılmıştır), yani. 256 renk içeriyordu. Kaynak tam renkliyse, tam olarak bazı gölgelerin kaybolması nedeniyle Gif'e kaydederken veya dönüştürürken kalitede bir bozulma olacaktır.

Gifa'daki sıkıştırma (dönüştürme) algoritması, fotoğraf boyutunu en iyi şekilde optimize edecek şekilde çalışır dikey renk değişimi ile (gradyan). Onlar. Çizgilerdeki rengi fazla değişmeyen görüntüleri sıkıştırmak için kullanmak mantıklıdır.

Ancak yatay veya eğik degradeli bir fotoğrafı Gif'e dönüştürürken, son görüntü, örneğin aynı Png'ye kıyasla çok büyük olabilir. Bunun yanı sıra hoş olmayan eserler de ortaya çıkabilir.

Ayrıca bu sıkıştırma algoritması bir zamanlar patentliydi ve bu nedenle alternatif Png 8 üzerinde yoğun çalışmalar başladı, ancak şu anda Gif patentlerinin süresi dolmuş durumda. PNG, GIF'in çok üstünde yer aldı ve web yöneticileri arasında popülerlik kazanmaya devam ediyor.

Jpg (JPEG) - düşük ağırlıklı, tam renkli görüntüler

Jpg, tam renkli fotoğrafları sıkıştırmak ve saklamak için tasarlandı. Aslında Jpeg kısaltmasının anlamı olan Ortak Fotoğraf Uzmanları Grubu olan Amerikan Fotoğrafçılar Derneği'nin malıdır. Her ne kadar bu derneğin kendisi bunun açık bir format olduğunu söylese de.

Az önce de belirttiğim gibi görüntüleri kalite kaybıyla sıkıştırıyor. Resmin tamamı 8 x 8 piksel boyutunda karelere bölünür ve ardından bu basit karelerden farklı basit şekilleri gruplandıran sıkıştırma algoritması çalışmaya başlar. İnsan gözünün fark edemediği tüm renk farklılıkları Jpg görüntüsünden kaldırılır.

JPEG'in artıları ve eksileri

Jpeg bazen çıplak gözle fark edilemeyecek bazı bilgileri kaldırarak, tam renkli görüntüleri on kat sıkıştırın Kalitede gözle görülür bir kayıp olmasa bile.

Ancak öte yandan maksimum kaliteyi seçseniz bile bu formattaki bir fotoğrafı orijinaliyle tamamen aynı kalitede kaydedemezsiniz. Mutlaka kayıplar olacaktır, ancak büyütme olmadan gözle her zaman farkedilemez.

Bunu, çok yüksek kaliteli bir fotoğraf çekip bunu arka arkaya birkaç düzine kez maksimum kalitede Japeg'e kaydederek kendiniz kontrol edebilirsiniz. Bu yüzden daha iyi Jpg olarak yeniden kaydetmeyin aynı formattaki kaynak dosyalar - eserlerin birikmesi ve üst üste binmesi nedeniyle ciddi kalite kayıpları yaşanacaktır. Bu nedenle, tamamlanmamış bir görüntüyü JPEG olarak kaydetmemeli ve ardından düzenlemeye devam etmemelisiniz - kaliteyi önemli ölçüde kaybedersiniz.

İşte böyle bir alay konusunun bir örneği (Jepeg formatında tekrarlanan birkaç kayıttan sonra resme gözyaşları olmadan bakamayacaksınız):

Fakat bu eksikliklere rağmen Jpeg çok popüler olduözellikle dijital fotoğrafçılığın ortaya çıkışından bu yana. Başlıca avantajları, tam renkli görüntülerin hızlı, kaynak yoğun ve çok güçlü bir şekilde sıkıştırılma olasılığıdır. Doğru, bu raster grafik formatını tam renkli olarak adlandırmak zordur çünkü RGB paletinin tamamını tam olarak kapsamıyor ancak bu, küçük dezavantajlara bağlanabilir.

Hangi görüntüler en iyi Jpg formatında kaydedilir?

Jpg, fotoğrafları kaydetmek için en iyisidir parlaklık ve kontrastın yumuşak geçişleriyle ancak keskin kontrast geçişlerine sahip çizimler, metinler ve diğer fotoğraflar gibi şeyleri kaydetmek için çok uygun değildir ve bu durumda en iyi seçenek Png'de kayıpsız sıkıştırma kullanmak olacaktır.

JPEG formatındaki metnin ekran görüntüsünün ne kadar çirkin göründüğüne bakın (PNG formatında aynı veya daha az ağırlığa sahip olmasına rağmen, resim orijinalinden ayırt edilemez):

Jpg (JPEG), daha önce de belirttiğim gibi, şu özelliğe sahiptir: kaliteyi ayarla ortaya çıkan görüntü, sıkıştırma derecesini ayarlayarak. Örneğin çok fazla gökyüzü olan fotoğrafları kaydederken, bu gökyüzünde fark edilebilir bozulmaları önlemek için Jpeg kalitesini (sıkıştırma düzeyi) maksimuma (minimum sıkıştırma) yakın bir değere ayarlamalısınız.

Ve farklı renkteki birçok ayrıntıya sahip fotoğrafları kaydederken, göze çarpan eserlerin ortaya çıkmasından korkmadan kaliteyi düşürebilir (sıkıştırma oranını artırabilirsiniz).

Jpg (JPEG) olarak kaydederken görüntünün tamamının kenarı sekiz piksel olan karelere bölündüğünü belirtmiştim. Yani, ortaya çıkan fotoğrafın boyutunu seçme şansınız varsa, o zaman daha iyi olur sekizin katlarını al, Çünkü bu durumda, özellikle ince çizgiler vb. içeren resimlerde farkedilecek olan biraz daha az eser elde edeceksiniz.

Png - Gif ve Jpeg'in değiştirilmesinin yanı sıra Png32'de şeffaf bir arka plan

Başlangıçta Png, o zamanlar tescilli olan Gif'e alternatif olarak geliştirildi (dışarıdan hiç kimsenin geliştirilmesine izin verilmedi). Kısaltma, "taşınabilir ağ grafikleri" anlamına gelir; başlangıçta özel olarak tasarlanmıştır; web'de kullanmak için. Bu raster grafik formatı tamamen açıktır ve açıklaması W3C konsorsiyumunun web sitesinde bulunmaktadır.

olduğunu hatırlatmama izin verin. kayıpsız sıkıştırma formatı Bu, tamamlanmamış görüntüyü Png'ye güvenle kaydedebileceğiniz ve ardından Jpg'de olduğu gibi ek eserler alma korkusu olmadan düzenlemeye devam edebileceğiniz anlamına gelir.

Png8 ve Png24 - Gif ve Jpeg'in tam alternatifi

PNG formatının, her biri kendi görevlerini gerçekleştirmek üzere tasarlanmış üç çeşidi vardır. İlk ikisi başlangıçta mevcut GIF ve JPEG formatlarına alternatif olarak oluşturuldu ve üçüncüsü web grafiklerine o zamana kadar hiç olmayan bir şey getirdi. Ama önce ilk şeyler.

png 8— sekiz, renk bit derinliğini belirtir ve bir fotoğrafı PNG 8'e kaydederken, yukarıda açıklanan Gif'e benzer şekilde yalnızca 256 renk kullanılacağını belirtir.

Onlar. GIF'in tam teşekküllü bir alternatifi olarak geliştirilmiştir ve bu iki raster grafik formatındaki görüntü sıkıştırmanın sonuçları neredeyse aynı olacaktır. Gif'tekiyle aynı - burada şeffaflık destekleniyor, ancak bir alfa kanalıyla.

png 24— 24 sayısı, bu formattaki bir fotoğrafın her pikseli için, her biri 8 bitlik (1 bayt) üç renk kanalının tahsis edildiği ve böylece tam renkli görüntü oluşumunun gerçekleştirildiği anlamına gelir. O. Png 24'ün yardımıyla şunları yapabilirsiniz Renkleri bozulma olmadan iletin. Jpg bile bunu yüzde yüz yapamaz.

Orijinal görüntüyü Png 24 olarak kaydederek tamamen aynı fotoğrafı elde edersiniz, ancak boyutu yine de Jpeg'e göre daha büyük olacaktır. Ancak bu her zaman böyle değildir. Keskin geçişlere sahip büyük resimler için bu format, kabul edilebilir kalitedeki Jipeg'den bile daha iyi sonuçlar verebilir.

Onlar. Biraz önce de belirttiğim gibi Jpeg sıradan fotoğraflar için çok uygun ancak metin içeren veya kalitenin hiçbir şekilde bozulmaması gereken görseller için Png 24 vazgeçilmez olacaktır. Makalelerde kullandığım Png 8 veya 24 bana en uygun çözüm gibi görünüyor.

Örneğin, hemen yukarıda görebildiğiniz metnin Jpeg'e (olası kusurları vurgulamak için düşük kalitede olsa da) Png'ye kaydedilmiş olduğu aynı ekran görüntüsü şöyle görünecektir:

Ama genellikle Jeep'teki her makalenin başına tam renkli bir resim kaydederim çünkü... Kalite/boyut oranı bu özel seçeneğin lehine konuşuyor. Görüntüleri Png formatında sıkıştırmanın farklı yolları olduğunu hemen söyleyeceğim ve bence en iyi algoritmalardan biri Puny Png çevrimiçi hizmetinde kullanılıyor.

Png 32 - alfa kanalıyla tam şeffaflık

Muhtemelen benzetme yaparak, bu raster grafik formatında bir piksel için dört bayta kadar bilgi kullanmanın mümkün olduğunu anlamışsınızdır.

Üçü, Png 24'e benzer şekilde tam renkli bir görüntünün oluşturulmasından sorumludur, ancak dördüncü bayt, bir alfa kanalı oluşturmak için ayrı olarak tahsis edilir ve Png 32'nin kullanılmasına izin verir. şeffaf arkaplanlı resimler.

İçinde herhangi bir MATE rengi olmadan şeffaflık derecesindeki değişiklikleri belirleyebilirsiniz; bu, bu tür resimlerin herhangi bir arka plana sahip kesinlikle herhangi bir web sayfasında eşit derecede iyi görüneceği anlamına gelir. Böyle bir görsele örnek olarak blogumun başlığındaki logo verilebilir:

Muhtemelen açıktır ki Png 32'nin yeri doldurulamaz ve sağladığı yetenekler açısından hiçbir analogu yoktur.. Bu arada, alfa kanalı PNG 8'de de kullanılabilir, ancak ne yazık ki tüm raster grafik editörleri bunu yapmanıza izin vermez. Örneğin Photoshop bunu yapamaz, ancak Fireworks veya Gimp yapabilir.

Ayrıca alfa kanalı olan Png 32 ve 8'de öyle bir sorun var ki, sürüm 6 ve altından itibaren IE tarayıcısında tam olarak desteklenmiyor ve şeffaf bir arka plan yerine gri bir renk karıştırılacak ve Png 8 bir alfa kanalıyla hiç görünmeyecek. Doğru, kullanıcılar pratikte artık bu kadar eski tarayıcılara sahip değil, ama yine de.

Sana iyi şanslar! Yakında blog sitesinin sayfalarında görüşmek üzere

İlgini çekebilir

HTML ve CSS - neden bunları bilmeniz gerekiyor ve neden PHP ve MySQL bilgisine ihtiyaç duyuluyor, ancak çok daha az ölçüde

Artık jpeg formatı lider bir konuma sahip. Fotoğrafları ve renkli görüntüleri birkaç kez sıkıştırabilme özelliği sayesinde minimum ağırlık açısından gif ve png formatlarının ilerisindedir ve bmp hala "arkadan gelmektedir".

Günümüzde internette fotoğraf veya resim bulunmayan bir web sayfası bulmak muhtemelen imkansızdır. Bugün herhangi bir web sayfasını düzenlerken bu bir norm haline geldi, çünkü resimler sitelerin ana içeriğini canlandırır, süsler, tamamlar ve web'in tüm alanlarında başarıyla kullanılır. Bu arada, grafikleri görüntüleyebilen ilk tarayıcı, hiper metin biçimlendirme dili Html'nin ortaya çıkışıyla neredeyse aynı anda ortaya çıkan Mosaic'ti (mozaik).

Günümüzde hemen hemen tüm tarayıcılar web için kullanılan üç ana raster grafik formatını desteklemektedir - Gif, Png ve Jpg. Tarihsel olarak, gif ilk ortaya çıktı ve ilk tarayıcılarda görüntülerin ve medya bilgilerinin eklenebilmesi ve görüntülenebilmesi onun yardımıyla mümkün oldu. Geliştiriciler bunu oluştururken kaydedilen görüntünün boyutunu en aza indirmeye odaklandılar.

Sonuçta, o zamanlar İnternet hızı o kadar düşüktü ki, görüntülerin yüklenmesi "sonsuza kadar" sürmüyordu, özel bir "grafik değişim formatı" geliştirildi ve uygulandı (GIF kısaltmasının anlamı budur).

Gif'in özelliği yalnızca 256 renkten oluşan bir palet içerebilmesidir. Onlar. Bu formata dönüştürülen bir görüntü her zaman maksimum 256 renk tonu içerecek ve diğer tüm renkler bir karışımdan oluşturulacaktır. Ancak tam renkli fotoğrafları GIF'e dönüştürürken çeşitli beklenmedik eserlerin ortaya çıkması tam da bu karışımdan kaynaklanmaktadır. Bu bariz ve önemli dezavantaj nedeniyle, jpeg ve png, web sitesi sayfalarında tam renkli görselleri ve fotoğrafları görüntülemek için giderek daha fazla kullanılıyor.

Ancak gif, basit bir nedenden dolayı web endüstrisinde hâlâ popülerdir; web'de kullanılan tek animasyon olan animasyonu destekler. Animasyonlu ifadeler ve avatarlar, kartpostallar ve afişler GIF formatının sonucudur. Doğru, flash teknolojileri artık daha az popüler değil, ancak basitlikleri nedeniyle gif, web yöneticilerinin, özellikle de yeni başlayanların favorisi.

Bu animasyonun özü, GIF kabının bir değil, aynı anda birkaç görüntü içermesi ve bu görüntülerin birbirinin yerini alacağı sürenin de burada yazılmasıdır. Bu durumda animasyonu döngüye almak mümkündür ve son kareden sonra ilk karenin gösterimi yeniden başlayacaktır. Bugün internette Gif animasyonunu kendiniz oluşturabileceğiniz birçok özel editör var.

Gif ayrıca oluşturulan görüntüler için şeffaflık yaratmanın ilkel bir yolunu da destekleyebilir. Neden ilkel? Evet, çünkü GIF yalnızca iki şeffaflık değerini destekler - şeffaf veya opak, Png formatlarındaki alfa kanallarını kullanarak elde edilebilecek herhangi bir ara durum olmadan.

Bu nedenle, sorunsuz bir şekilde değişen şeffaflık seviyelerinin görüntülenmesinde zorluklar ortaya çıkar, dolayısıyla görüntüler için yüksek kaliteli şeffaf arka planlarla ilgili her şey Png'nin ayrıcalığıdır. İnternette bulabileceğimiz şeffaf arka plana sahip görsellerin neredeyse tamamı png uzantısına sahiptir.

Her biri kendi görevlerini yerine getirmek üzere tasarlanmış çeşitli Png varyasyonları vardır:

png 8 - burada, Gif'e benzer şekilde, bir fotoğrafı PNG 8'e kaydederken yalnızca 256 renk kullanılacaktır, bu nedenle bu iki raster grafik formatındaki görüntü sıkıştırmanın sonuçları neredeyse aynı olacaktır. Tıpkı Gif'te olduğu gibi şeffaflık burada da destekleniyor, ancak bir alfa kanalıyla.

png 24 - burada fotoğrafın her pikseli için her biri 8 bitlik üç renk kanalı (8*3=24) tahsis edilir, böylece bozulma olmadan tam renkli görüntü oluşumu sağlanır. Renkli ekranın kalitesi Jpg'den bile üstündür ancak ağırlığı daha ağır olacaktır.

png 32 - burada tam renkli bir görüntünün oluşumundan üç renk kanalı sorumludur ve dördüncüsü, şeffaf bir arka plana sahip resimler elde etmek için Png 32'yi kullanmanıza olanak tanıyan bir alfa kanalı oluşturmak için ayrı ayrı tahsis edilir. Png 32'de şeffaflık derecesinde herhangi bir değişiklik seçebilirsiniz, bu sayede bu tür görüntüler herhangi bir arka plana sahip tüm web sayfalarında eşit derecede iyi görünecektir.

Şimdi tüm bilgileri özetleyelim ve bazı sonuçlar çıkaralım.

1. Dönüştürülecek bir görüntü seçin.
2. Düğmeye basın Dönüştürmek.




7. Sağlığınız için tadını çıkarın

1. Dönüştürülecek görüntüleri içeren bir ZIP dosyası seçin. Bir seferde yalnızca 20 dosya dönüştürülebilir.
2. Düğmeye basın Dönüştürmek.
3. Dosya sunucumuza gönderilir ve dönüşüm hemen başlar.
4. Dönüştürme hızı dosya boyutuna, İnternet bağlantınızın hızına ve sunucularımızdaki mevcut kaynaklara bağlıdır.
5. Dönüştürme tamamlandığında dosya aynı tarayıcı penceresine döner (tarayıcınızı kapatmayın).
6. Dönüştürme mümkün değilse nedeni kırmızıyla gösterilecektir.
7. Sağlığınız için tadını çıkarın

Dönüştürülecek bir resim seçinYalnızca JPG/JPEG/JFIF/PNG/BMP/GIF/TIF/TIFF/ICO dosyaları desteklenir

JPEG resmi JFIF resmi BMP resmi GIF resmi PNG resmi TIF resmi ICO orijinal boyuttaki resim ICO 16x16 resim ICO 32x32 resim OCR tanıma (Rusça)

Dönüşüm devam ediyor

Bu bir kaç dakika alabilir

Bu sayfa yalnızca dönüşüme izin veriyor JPEG JPEG JFIF PNG BMP GIF TIF ICO diğer resim formatlarına geçiş ve resimlerdeki Rusça metinlerin tanınması.

• MS Word'ü (DOC DOCX) PDF'ye dönüştürmek için Word'den PDF'ye bağlantısını kullanın.
• RTF ODT MHT HTM HTML TXT FB2 DOT DOTX XLS XLSX XLSB ODS XLT XLTX PPT PPTX PPS PPSX ODP POT POTX'i PDF'ye dönüştürmek için PDF'deki Diğer belgeler bağlantısını kullanın.
• JPG JPEG PNG BMP GIF TIF TIFF'i PDF'ye dönüştürmek için Görüntüden PDF'ye bağlantısını kullanın.
• Bir PDF belgesinden metin çıkarmak için PDF'den TXT'ye bağlantısını kullanın.
• DOC DOCX RTF ODT MHT HTM HTML TXT FB2 DOT DOTX'i DOC DOCX DOT ODT RTF TXT veya XLS XLSX XLSB XLT XLTX ODS'yi XLS XLSX veya PPT PPTX PPS PPSX ODP POT POTX'i PPT PPTX PPS PPSX JPG TIF PNG GIF BMP'ye dönüştürmek için şunu kullanın: bağlantı Diğer formatlar.
• DOC DOCX DOT DOTX RTF ODT MHT HTM HTML TXT'yi FB2'ye dönüştürmek için FB2'deki Belgeler bağlantısını kullanın.
• PDF'yi MS Word'e (DOC, DOCX) dönüştürmek için PDF'yi Word'e Dönüştür bağlantısını kullanın.
• PDF'yi JPG'ye dönüştürmek için PDF'yi JPG'ye dönüştür bağlantısını kullanın.
• DJVU'yu PDF'ye dönüştürmek için DJVU'yu PDF'ye dönüştür bağlantısını kullanın.
• PDF veya görsellerdeki metni tanımak için PDF veya görseli tanı bağlantısını kullanın.

Dönüştürülecek ZIP arşivini seçinYalnızca ZIP dosyaları desteklenir

JPEG resmi JFIF resmi BMP resmi GIF resmi PNG resmi TIF resmi ICO resmi orijinal boyut ICO 16x16 resmi ICO 32x32 resmi

Resim formatları üç geniş kategoriye ayrılabilir:

• kayıplı sıkıştırma,
• kayıpsız sıkıştırma,
• sıkıştırılmamış

Sıkıştırılmamış formatlar en fazla veriyi alır ancak görüntünün doğru temsilleridir. Sıkıştırılmış BMP dosyaları da olmasına rağmen, BMP gibi raster formatları genellikle sıkıştırılmaz.

Bilmeniz gereken birkaç önemli faktör var...

Öncelikle iki tür sıkıştırma vardır: Kayıpsız ve Kayıplı.

Kayıpsız görüntünün boyutunun küçültüldüğü ancak kalitenin bozulmadığı anlamına gelir. Kayıplı görüntünün (daha da) küçültüldüğü, ancak kaliteden ödün verildiği anlamına gelir. Bir görüntüyü tekrar tekrar Kayıplı formatta kaydederseniz görüntü kalitesi giderek kötüleşir.

İLE indekslenmiş bu, bir görselin yalnızca görselin yazarı tarafından seçilen sınırlı sayıda rengi (genellikle 256) depolayabileceği anlamına gelir. Dümdüz Bu, yazar tarafından seçilmeyen binlerce rengi saklayabileceğiniz anlamına gelir.

BMP- Kayıpsız/Endeksli ve Doğrudan

Bu eski bir formattır. Kayıpsızdır (kaydedildiğinde hiçbir görüntü verisi kaybolmaz), ancak aynı zamanda neredeyse hiç sıkıştırma yoktur; bu, BMP'nin ÇOK büyük dosya boyutlarına yol açması nedeniyle kaydetme anlamına gelir. Hem Dizine Alınmış hem de Doğrudan paletlere sahip olabilir, ancak bu küçük bir teselli. Dosya boyutları o kadar mantıksız ki hiç kimse bu formatı kullanmıyor.

Tamam: aslında hiçbir şey yok. BMP'nin diğer formatlardan üstün olduğu veya geliştirmediği hiçbir şey yoktur.

GIF- Yalnızca kayıpsız/İndeksleme

GIF kayıpsız sıkıştırma kullanır; bu, görüntüyü tekrar tekrar kaydedebileceğiniz ve hiçbir zaman veri kaybetmeyeceğiniz anlamına gelir. Aslında iyi bir sıkıştırma kullanıldığından dosya boyutları BMP'den çok daha küçüktür, ancak yalnızca dizine alınmış bir paleti depolayabilir. Bu, bir dosyada yalnızca 256 farklı renk olabileceği anlamına gelir. Bu kulağa oldukça küçük geliyor ve öyle de.

GIF görüntüleri de canlandırılabilir ve şeffaflığa sahip olabilir.

Şunun için iyi: Küçük tutulması gereken logolar, çizimler ve diğer basit resimler. Aslında yalnızca web siteleri için kullanılır.

JPEG- Kayıplı/Doğrudan

JPEG görüntüler, insan gözünün fark edemeyeceği bilgileri ortadan kaldırarak fotoğraf görüntülerini olabildiğince ayrıntılı hale getirmek için tasarlandı. Sonuç olarak Kayıplı format ve aynı dosyayı tekrar tekrar kaydetmek, zamanla daha fazla verinin kaybolmasına neden olacaktır. Binlerce renkten oluşan bir palete sahiptir ve fotoğraflar için mükemmeldir, ancak kayıplı sıkıştırma, logolar ve çizimler için kötü olduğu anlamına gelir: sadece bulanık görünmekle kalmaz, aynı zamanda bu görüntülerin dosya boyutu da bir GIF'e kıyasla daha büyük olur!

Şunun için iyi: Fotoğrafçılık. Ayrıca degradeler.

PNG-8- Kayıpsız/Endeksli

PNG daha yeni bir formattır ve PNG-8 (PNG'nin indekslenmiş versiyonu), GIF'in gerçekten iyi bir alternatifidir. Ancak ne yazık ki birkaç dezavantajı var: Birincisi, GIF gibi animasyonları destekleyemiyor (belki destekleyebilir, ancak her tarayıcı tarafından desteklenen GIF animasyonunun aksine yalnızca Firefox bunu destekliyor gibi görünüyor). İkincisi, IE6 gibi eski tarayıcıları desteklemede bazı sorunlar var. Üçüncüsü, Photoshop gibi önemli yazılımların format uygulaması çok zayıftır. (Lanet olsun Adobe!) PNG-8, GIF gibi yalnızca 256 renk depolayabilir.

Şunun için iyi: Önemli olan PNG-8'in GIF'ten daha iyi çalışması ve Alfa Şeffaflığını desteklemesidir.

Önemli Not: Photoshop, PNG-8 dosyaları için Alfa Şeffaflığını desteklemez. (Lanet olsun Photoshop!) Şeffaflıklarını korurken PNG-24 dosyalarını PNG-8 dosyalarına dönüştürmenin yolları vardır. Yöntemlerden biri PNGQuant'tır, diğeri ise dosyalarınızı Fireworks kullanarak kaydetmektir.

PNG-24- Kayıpsız/Doğrudan

PNG-24, Kayıpsız kodlamayı doğrudan renkle (JPEG gibi binlerce renk) birleştiren mükemmel bir formattır. Bu bakımdan BMP'ye çok benzer, ancak PNG aslında görüntüleri sıkıştırır, bu nedenle önemli ölçüde daha küçük dosyalara neden olur. Ne yazık ki, PNG-24 dosyaları yine de JPEG'lerden, GIF'lerden ve PNG-8'lerden çok daha büyük olacaktır; dolayısıyla bu dosyaları kullanmak isteyip istemediğinizi düşünmeniz gerekir.

PNG-24, sıkıştırıldığında binlerce renge izin vermesine rağmen, JPEG görüntülerin yerini alması amaçlanmamıştır. PNG-24 olarak kaydedilen bir fotoğraf muhtemelen eşdeğer bir JPEG görüntüsünden en az 5 kat daha büyük olacak ve görünür kaliteye çok az katkı sağlayacaktır. (Elbette, dosya boyutunu önemsemiyorsanız ve mümkün olan en kaliteli görüntüyü istiyorsanız bu arzu edilen bir sonuç olabilir.)

PNG-8 gibi PNG-24 de alfa şeffaflığını destekler.

Umarım bu yardımcı olur!

Genellikle bunlar:

Kayıp yok Kayıpsız sıkıştırma algoritmaları, kayıplı bir sıkıştırma dosyası olarak küçük bir dosya halinde sıkıştırılmasa da, görüntü kalitesini kaybetmeden dosya boyutunu azaltır. Görüntü kalitesinin dosya boyutundan daha yüksek olduğu düşünüldüğünde genellikle kayıpsız algoritmalar seçilir.

Kayıp sıkıştırma Kayıp 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ı, kalite düzeylerini (sıkıştırma) değiştirmenize olanak tanır ve bu düzeyler arttıkça dosya boyutu azalır. En yüksek sıkıştırma düzeylerinde görüntü bozulması "sıkıştırma artefaktı" olarak fark edilir hale gelir. Aşağıdaki resimler kayıplı sıkıştırma algoritmalarından kaynaklanan göze çarpan yapaylıkları göstermektedir; Tam boyutlu sürümü görüntülemek için küçük resmi seçin.

Aşağıda açıklandığı gibi her format farklıdır:

JPEG JPEG (Ortak Fotoğraf Uzmanları Grubu) dosyaları (çoğu durumda) kayıplı bir formattır; DOS dosya adı uzantısı JPG'dir (diğer işletim sistemi JPEG kullanabilir). Hemen hemen her dijital kamera, görüntüleri toplamda 24 bit olmak üzere renk başına 8 biti (kırmızı, yeşil, mavi) destekleyen JPEG formatında kaydedebilir ve nispeten küçük dosyalar oluşturabilir. Çok yüksek olmadığında, sıkıştırma görüntü kalitesini gözle görülür derecede düşürmez, ancak JPEG dosyaları tekrar tekrar düzenlendiğinde ve kaydedildiğinde nesiller boyu bozulmaya maruz kalır. Fotoğraf görüntüleri yeniden düzenlenirse veya küçük "yapılar" (JPEG sıkıştırma algoritmasının neden olduğu kusurlar) kabul edilemezse, kayıpsız JPEG formatında daha iyi kaydedilebilir. JPEG formatı aynı zamanda birçok Adobe PDF dosyasında görüntü sıkıştırma algoritması olarak da kullanılır.

TIFF TIFF (Etiketli Görüntü Dosyası Formatı), TIFF veya TIF dosya adlarını kullanarak sırasıyla 24 bit ve 48 bit toplamlar için genellikle renk başına 8 bit veya 16 bit (kırmızı, yeşil, mavi) depolayan esnek bir formattır. TIFF'in esnekliği hem bir nimet hem de bir lanettir çünkü hiçbir okuyucu her TIFF dosya türünü okumaz. TIFF'ler kayıplı ve kayıpsızdır; bazıları iki düzeyli (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ı işinde hala standart fotoğraf dosyası olarak yaygın şekilde kullanılmaktadır. TIFF, belirli bir baskı mürekkebi seti tarafından tanımlanan CMYK gibi aygıta özgü renk alanlarını işleyebilir. ​

PNG PNG (Taşınabilir Ağ Grafikleri) formatı, GIF'in ücretsiz, açık kaynaklı bir devamı olarak oluşturuldu. PNG dosya formatı truecolor'u (16 milyon renk) desteklerken GIF yalnızca 256 rengi destekler. PNG dosyası, görüntünün geniş, eşit renkli alanlara sahip olması nedeniyle farklıdır. Kayıpsız PNG formatı görüntü düzenleme için en iyisidir; JPG dosyaları PNG dosyalarından daha küçük olduğundan JPG gibi kayıplı formatlar fotoğrafik görüntülerin son dağıtımı için en iyisidir. Birçok eski tarayıcı şu anda PNG dosya biçimini desteklememektedir, ancak Internet Explorer 7'de tüm modern web tarayıcıları PNG biçimini tam olarak desteklemektedir. Adam7 uyarlaması, görüntü verilerinin yalnızca küçük bir yüzdesi aktarılsa bile erken önizlemeye olanak tanır.

GIF GIF (Görüntü Değişim Formatı), 8 bitlik bir palet veya 256 renkle sınırlıdır. Bu, GIF formatını basit grafikler, şekiller, logolar ve karikatür tarzı görüntüler gibi nispeten az renk içeren 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 renkli olduğunda daha etkili olan ve ayrıntılı görüntüler veya soluk görüntüler için etkisiz olan kayıpsız sıkıştırmayı da kullanır.

BMP BMP (Windows Bitmap) dosya formatı, Microsoft Windows işletim sistemindeki grafik dosyalarını işler. Genellikle BMP dosyaları sıkıştırılmamış olduğundan büyüktür; Avantajı basitliği, geniş kabul görmesi ve Windows programlarında kullanılmasıdır.

Web sayfaları/web uygulamaları için kullanın

Aşağıda bu görüntü formatlarının bir web sayfası/uygulama ile kullanılmasına ilişkin hızlı bir genel bakış bulunmaktadır.

PNG, IE6 ve üzeri sürümlerde iyi çalışır (şeffaf çalışması için küçük bir CSS yaması gerekir). Çizimler ve fotoğraflar için harika. JPG, çevrimiçi fotoğraflar için mükemmeldir. GIF, PNG'ye gitmek istemediğinizde resimler için iyidir BMP, web sayfalarında çevrimiçi olarak kullanılmamalıdır - bant genişliğini boşa harcar

Diğerleri farklılıkları kapsadığından, lütfen kullanacağım.

TIFF tarayıcılar tarafından yaygın olarak kullanılır. Çok büyük dosyalar oluşturur ve uygulamalarda pek kullanılmaz.

BMP sıkıştırılmamış olup aynı zamanda çok büyük dosyalar oluşturur. Ayrıca uygulamalarda kullanılmaz.

GIF internetin her yerinde kullanıldı ancak yalnızca sınırlı sayıda rengi desteklediği ve tescilli olduğu için beğenilmedi.

JPG/JPEG esas olarak herhangi bir fotoğraf kalitesi için kullanılır, ancak metin için kullanılmaz. Kullanılan kayıplı sıkıştırma keskin çizgiler üretme eğilimindedir.

PNG, JPEG kadar küçük değildir ancak kayıpsızdır, dolayısıyla net çizgilere sahip görüntüler için iyidir. Artık internette yaygın olarak kullanılmaktadır.

Şahsen ben PNG'yi mümkün olan her yerde kullanma eğilimindeyim. Bu, JPG ve GIF arasında iyi bir uzlaşmadır.

JPG > Ortak Fotoğraf Uzmanları Grubu

1 JPG görselleri 16 milyon rengi destekler ve fotoğraflar ve karmaşık grafikler için en uygunudur

2 JPG'ler şeffaflığı desteklemez.

png > taşınabilir ağ grafikleri

1 GIF teknolojisinin telif hakkıyla korunduğu ve kullanım izni gerektirdiği durumlarda GIF dosyasına alternatif olarak kullanıldı.

2 PNG, GIF'lere göre %5-25 daha fazla sıkıştırmaya ve daha geniş bir renk yelpazesine olanak tanır. "PNG'ler 2D serpiştirmeyi kullanıyor, bu da onların GIF görüntülerine göre iki kat daha hızlı yüklenmesini sağlıyor."

3 Birçok rengi olan veya gelişmiş değişken şeffaflık gerektiren bir görüntüde tercih edilen dosya türü PNG'dir.

GIF > Grafik Değişim Formatı

1 Görüntüdeki renk sayısını 256'ya azaltır.

2 GIF de şeffaflığı destekler.

3 GIF, animasyonlu GIF adı verilen video benzeri bir görüntü dizisini görüntüleme konusunda benzersiz bir yeteneğe sahiptir.

4 Görüntünün birden fazla rengi varsa ve herhangi bir gelişmiş alfa şeffaflık efekti gerektirmiyorsa, gidilecek yol GIF'tir.

SVG > Ölçeklenebilir Vektör Grafikleri

1 SVG, hem statik görüntüleri hem de animasyonları iki boyutlu olarak tanımlayan XML tabanlı bir web standardıdır.

2 SVG, boyutları arttıkça/azaldıkça ayrıntıları kaybetmeyen, çok yüksek kalitede 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, jpeg'i yalnızca bazı ekstra meta verilerle sarabilir).

Bu görüntü formatları farklı sıkıştırma algoritmaları, farklı renk gösterimleri, görüntünün kendisi dışında ek veriler 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 flaşın (veya benzeri bir şeyin) daha çok öldürücü olduğu veya şeffaf bir arka planın gerekli olduğu yerlerde hafif animasyon için 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.

22 Kasım 2008, 07:17

PNG formatı hakkında. Kısa test sürüşü

• Web tasarımı

Dikkatli olun, çok fazla resim var! Hepsi tıklanabilir.

PNG

Web 2.0 çağında giderek daha popüler hale gelen raster grafik formatı PNG, 1995 yılında eski güzel GIF'in (ve kısmen TIFF'in) yerini almak üzere ortaya çıktı. O zamana kadar, patentli GIF'in sahipleri, formatı kullanan tüm geliştiricilerden dört rakamlı meblağlar talep etmeye karar verdi ve ücretsiz topluluğun ücretsiz bir alternatif sunmaktan başka seçeneği yoktu.

Peki formatın avantajları nelerdir?

• Alfa şeffaflığı için tam destek. Görüntünün alanlarını şeffaf ve yarı saydam yapmanızı sağlar.
• Kalite kaybı olmadan yüksek kaliteli sıkıştırma algoritması. LZW'ye benzer ancak biraz daha verimlidir.
• Taramalı tarama ve (GIF'in aksine) aynı anda hem dikey hem de yatay tarama imkanı.
• Dahili gama düzeltmesi. Görüntünün farklı monitörlerde yazarınkiyle tam olarak aynı şekilde görüntülenmesi için bir görüntüye ekran ayarları eklemenizi sağlar.

Formatın 2 sürümü vardır: PNG-8 (GIF'e benzer - dizin renklerini kullanır) ve PNG-24 (JPEG'e daha yakın - tam renkli palet).

PNG-24 tam renk paleti kullandığından onu GIF ile karşılaştırmak zordur. PNG-8, dizin paleti ile burada daha benzer. Karşılaştırma için bazı ekran görüntüleri:

Uygulama (meslektaşların görüşleri gibi) GIF'in basit küçük görüntüleri daha iyi sıkıştırdığını göstermektedir. Ancak büyük görseller söz konusu olduğunda GIF hala geride kalıyor.

Ayrıca oldukça büyük bir avantaj daha: aslında, yaygın inanışın aksine, PNG-8 ayrıca tam alfa kanalını da kullanabilir PNG-24 gibi. Photoshop bunu desteklemiyor, bu yüzden Lebedev'in stüdyosundan Sergey Chikuenok Adobe Fireworks'ü kullanmanızı tavsiye ediyor, ben de bunu yapmaya karar verdim (Bu konuda biraz).

Ve bu savaşta şeffaflığa ihtiyacımız yoksa PNG, tabiri caizse "orta pazar segmentinde" kaybediyor. Bununla birlikte, ICC profilini JPEG'e bağlarsanız, hacim farkı farkedilmez hale gelir. Ölçümlerim %100 JPEG'de yapıldı ve daha düşük kalitede (özellikle gözle fark edilmeyen bir farkla), karşılaştırma maalesef. daha da üzücü oluyor.

Genel olarak kendinize bir göz atın:

GÜNCELLEME Genel olarak sonuçlar büyük ölçüde görüntünün kendisine bağlıdır: PNG, degradeleri ve katı alanları daha iyi sıkıştırır, ancak fotoğraflar için JPEG en iyi sıkıştırmayı sağlar. Her ne kadar diyorlar ki (kendime inanmak zor), büyük fotoğraflarda PNG burada da lider - bu sadece makale için ekran görüntülerini dönüştürme sürecinde kontrol edildi (PNG'ye karşı JPEG-%70 - bir ve bir kazanç) yarım kez).

Photoshop'tan sonraki hayat veya daha fazla sıkıştırın

Şeffaflık normalde alternatif web formatlarının hiçbiri tarafından desteklenmediğinden ve tasarımcılara ve sayfa düzeni tasarımcılarına ne gibi bir kapsam açtığından, çoğu durumda PNG kesinlikle yeri doldurulamaz kalır... GÜNCELLEME Ayrıca formatın özellikleri dikkate alındığında, bu muhtemelen web'deki tasarım öğeleri için en iyi çözümdür.

Google ve indir - . Minimum ayar sayısıyla yaklaşık 1,5 MB boyutunda olan program, sıkıştırılmış PNG dosyalarını (toplu dahil) çalıştırmanıza olanak tanır.

Bir simge paketinde (herhangi bir özel zil ve ıslık olmadan şeffaf arka plana sahip 90 dosya), hacim kazancı ortalama %10-15 civarındaydı. Elbette çok etkileyici değil. Ancak yukarıda tartışılan örnek dosyalar için sıkıştırma yüzdesi %10 (şeffaf olmayan büyük poster) ile %72 (yarı saydam dikdörtgenler) arasında değişiyordu. Bu nedenle, özellikle yardımcı programla çalışmanın fazla zaman almaması nedeniyle denemeye değer.

PNGOut'a ek olarak şu anda ayrıntılı olarak incelemek istemediğim daha birçok program var:

• OptiPNG - grafiksel bir kabuğa sahip değildir ve komut satırından çalışır. Doğrulanmamış verilere göre sıkıştırma yüzdesi daha düşüktür. GÜNCELLEME ancak kullanıcıları bunun tersini iddia ediyor.
• Pngcrush - Kendim denemedim, "dosyayı mümkün olan tüm yollarla optimize etmeye çalışıyor" diyorlar, ancak asıl önemli olan "nasıl denediği" değil, "nasıl optimize ettiği".
• ve dosyalardan hizmet çöplerini kolayca temizleyen bir dizi yardımcı program.

Adobe Fireworks

Dürüst olmak gerekirse Adobe Fireworks benim için gerçek bir keşifti: PNG-8, PNG-24 ve PNG-32 + birçok ayar!

PNG-24 ve PNG-32'ye detaylı bakmadım. Anladığım kadarıyla onların terminolojisinde 32 alfa kanallı, 24 ise alfa kanalsız. Ön tahminlere göre Photoshop bu görevle daha iyi başa çıkıyor.

Ancak PNG-8 benim (ve meslektaşlarımın çoğunun) tüm stereotiplerini kırdı. Nihai dosya GIF'ten çok daha küçüktür ve şeffaflık için iki şekilde tam destek vardır: alfa ve indeks şeffaflığı PNG-24'e kıyasla tek dezavantajı indeks paletidir, ancak hepsi ihtiyaçlara bağlıdır. PNG-8 çoğu durumda hem GIF hem de PNG-24'ü kullanır.

AF'de PNG vs GIF, ancak Fireworks varsayılan olarak olağan GIF-JPEG ile pek iyi çalışmıyor (ayarlarla oynamadım). Ancak Photoshop'un sonucuyla karşılaştırıldığında bile fark PNG lehinedir:

Ve işte PNG-8'in tüm çeşitleri - bunun için Adobe Fireworks'ü yüklemeye değer:

Karşılaştırma için: Aynı dosya, Photoshop'un çabaları sayesinde, şu anda elde edilen 450 bayta, yani 6 kat daha fazlaya kıyasla 3.188 bayt ağırlığındaydı.

Karar

Bana göre GIF artık kullanışlılığını yitirdi. Artık onun varlığı öncelikle toplumun eylemsizliği meselesidir. GÜNCELLEME Ancak çeşitli animasyonlu zevklerin segmenti hala GIF'e bırakılmıştır :).

Şeffaf tasarım öğeleri için PNG-8 kullanmalısınız (PNG-8 paleti görüntüyü kayıpsız kaydetmek için yeterli olmadığında daha az sıklıkla PNG-24).

Fotoğraflar ve karmaşık grafiklerde JPEG, güçlü görüntü optimizasyonu yetenekleri nedeniyle liderliğini sürdürüyor. Bazı durumlarda PNG-8 yeterli olsa da, daha önce olduğu gibi GIF'te cesur deneyler başarının anahtarıdır. GÜNCELLEME Ancak gerçekten büyük görüntüler için JPEG yine de kaybediyor.

GÜNCELLEME Ben gerçekten bir uzman değilim ve "kısa" sıfatından da anlaşılacağı üzere inceleme dizlerimin üzerinde yazılmıştı; belki de en iyi örnekler değil. Bu nedenle, özellikle tartışmaya aktif olarak katılan herkese teşekkür ederiz.