Oralı

Bana PNG verin başka bir şey istemem

// Mart 1st, 2010 // Günübirlik, Teknoloji, Weboloji, İnternet Dünyası

PNG nedir? Portable Network Graphic dosya biçimin uzantısı. Türkçeye “Taşınabilir İşağı Görseli” diye çevrilebilir. Bu işin tabi ki tanımsal kısmı. Hayatımıza kattığı kolaylıkları sayalım şimdide. Ama daha önce bilgisayar dünyasında görsellik nedir nasıl oluşmuştur ona bakalım.

Günümüzde bilgisayar dilinde iki tür görsel biçemi var. Bitmap ve Vector. Bitmap, adı üzerinde anlalışacağı üzere her bir piksele renk kodlaması girilerek elde edilen görsellerdir. Vektör görsel ise, görseli oluşturan objelerin koordinat, renk ve türlerinin kodlanması ile oluşturulur. Örneğin: 100 piksel (benek) X 100 piksel bir görseli Bitmap yapmak istediğinizde, 100×100 adet piksel noktalarının her birine ilgili noktanın renk kodunu yerleştirmeniz gerekir. Vektörel olarak bu görseli elde etmek istediğinizde ise, şekli oluşturacak noktaların koordinatlarını, içinin dolgu rengini, kenarlık çizgi rengini girmemiz gerekecektir. Durun, endişe etmeyin, bu dediklerimin tamamını zaten programlar yapıyor, size kalan sadece ne yapacağınıza karar vermek.

Biteşlem görsellerin uzantısı BMP. Ancak BMP yüksek boyutları sebebi ile tercih edilmiyor, bunun yerine sıkıştırılmış dosya biçemi olan JPEG biçemi kullanılır. Ancak JPEG görseli, sıkıştırma oranına göre kalitesini yitirir. Sıkıştırma sayesinde 1 MB’lık bir BMP dosyasını 50 KB’a kadar düşürebilirsiniz. Tabi kalitesinden ne kadar ödün verirseniz sıkıştırmadan o derece karlı çıkarsınız. Bunun yanında GIF dosya biçemi de vardır, ancak JPEG’den farklı olarak GIF’lerin renk skalası 256 adetle sınırlıdır. Yani 256 renkten fazla renk kullanamazsınız. Ayrıca GIF’lerde animasyon yapabilme seçeneğiniz de vardır, birden fazla sahnelerin görüntülenme zamanlarını ve döngüsünü ayarlayıp kaydedebilirsiniz. Unutmadan, GIF dosya biçeminde transparan kaydetme opsiyonu da vardır ancak bu da sınırlıdır. Her zaman istenilen sonucu vermez, bir çok noktada kullandığınız zemin rengine göre matte color kullanmak zorunda kalabilirsiniz, bu da başka bir zeminde görselinizin kenarlarının kırık kırık görünmesine sebep olur.

Sıra geldi PNG’ye. PNG 32 bit renk desteğine sahip, alfa kanal desteği olan bir biçemdir. Alfa kanal nedir? Alfa kanal, beyaz ve siyah arasındaki renk tonlarını içeren, beyazdan siyaha doğru giden renk skalasında, siyah gördüğü yerleri şeffaflaştıran, beyaz gördüğü yeri daha da görünür kılan bir kanaldır. Tamamen siyah olan kısmı görünmez, tamamen beyaz olan kısmı ise görünür kılar.

Peki PNG ne gibi avantajlar sunar?

- Şeffaf arkaplan sayesinde farklı farklı zeminlerde kullanmak için aynı görselden defalarca kez üretmek zorunda kalmazsınız.  Tasarım yapan arkadaşlar bilirler, arkaplanı şeffaf gelmeyen logolar yüzünden ortaya çıkan sorunları :)
- Görüntü kalitesi JPEG’e oranla daha iyidir (Eh tabi doğal olarak boyutu da daha fazla)
- Pattern uygulamalarında, gradyent renk geçişlerinde daha iyi sonuçlar verir.
- HTML optimizasyonunda kesilip yerleştirilen görseller arasındaki uyumsuzluk sorunu en aza iner.
- HTML yaparken, tıpkı Photoshop ve Fireworks’de olduğu gibi “katman” mantığı ile görselleri bütün halinde aktarabilirsiniz. Böylece kullanılan görselleri bir arada ve düzgün olarak görüntüler, bir değişiklik anında birden fazla görseli güncellemek yerine tek bir görseli güncelleyerek zaman kazanırsınız.

Ayrıca şu kaynaklara da göz atabilirsiniz:

- PNG nedir Wiki: http://tr.wikipedia.org/wiki/Portable_Network_Graphics
- JPEG nedir Wiki: http://tr.wikipedia.org/wiki/JPEG
- GIF nedir Wiki: http://tr.wikipedia.org/wiki/Graphics_Interchange_Format
- BMP (Bitmap) nedir Wiki: http://tr.wikipedia.org/wiki/Windows_bitmap

Popularity: 12% [?]