Tarayıcılarda PNG Sorununun Çözümü

Web tasarımcılarının kullanmaktan büyük zevk aldığı ve işlerini oldukça kolaylaştıran "png" uzantılı resimlerin, gün geçtikçe kullanım oranı artıyor.

Yalnız bilindiği üzere bu resimlerin saydam (alpha-transparent) olan kısımları IE6'da sorun çıkarıyor. Eğer ziyaretçilerimiz, sitemizi IE6 ile ziyaret ediyorlarsa ki, hala IE6'yı kullanan büyük bir kitle var. Resimlerimizin normalde görülmemesi gereken saydam kısımlarını, açık mavi olarak görüyorlar. Bu da hem onlar, hemde bizim için çok can sıkıcı bir durum.

Bu sorunun ön kolay çözümü,

http://unitinteractive.com/labs/unitpngfix.php' sayfasındaki küçük bir javascript dosyasında saklı. Şimdi bu sayfadaki dosyayı bilgisayarımıza indirip, aşağıdaki işlemleri sırasıyla yapalım.

1 - Dosyayı bilgisayarımıza indikten sonra, sıkıştırılmış dosyayı açıp içindeki klasörü çıkaralarım. Klasörün  içinde gelen "clear.gif" ve "unitpngfix.js" dosyaları bize lazım olan dosyalar. Bunları web sitemizin ilgili yerlerine taşıyalım.

2 - Sonrasında "unitpngfix.js" dosyasını açıp içindeki kodlardan

kodunu bulalım ve "clear.gif"adlı resmi taşıdığımız yerin uzantısını burada doğru bir şekilde düzenliyelim.

3 - Son olarakta png uzantılı resmimizin bulunduğu sayfanın tepesine, javascript dosyamızı ekliyoruz. Hepsi bu kadar.

Resimlerinizin Boyutunu Onlarca Kat Düşürün

Bu konuyu işlememin en önemli nedenleri, web tasarımı işiyle uğraşan arkadaşların yaptıkları sitelerin geç yüklenmesinden yakınmaları ve cep telefonlarına program yazan arkadaşların yazdıkları programlarda kullandıkları resimlerin boyutlarının büyüklüğüne çözüm aramaları. Bugün bu konuyla alakalı iki tip resim formatından bahsedeceğiz, biri JPG diğeri PNG.

Şimdi çalıştığınız resimleri kaydederken yaptığınız en büyük hatadan bahsedelim. Resimleri kaydederken en uygun formatı ve tipi seçmeyi unutuyorsunuz. Önce JPG'den başlayalım; kayıt sırasında %100'lük bir kalite yerine %60-80 arası bir kalite seçmek jpg uzantılı resimlerde boyutu bir hayli düşürür. PNG uzantılı resimlerde ise 8, 24, 36 bit olmak üzere 3 tip bulunmaktadır. Bunlarda 24 ve 36 bit JPG kalitesine yakındırlar, 8 bit olan ise GIF formatına yakın diyeyim varın kalitesini siz düşünün.

Kısacası kayıt öncesi "Preview" kısmından en iyi görüntü ve boyut ayarını yapın ve sonrasında kayıt işlemini gerçekleştirin.