GIF Tanımı: GIF (Grafik Değişim Biçimi), Internet’te kullanılmak üzere görüntüler oluşturmak için kullanılan bir grafik dosyası biçimidir. GIF görüntüleri 256 renge kadar içerebilir. GIF’ler, Web’de en yaygın olarak desteklenen grafik türüdür (bu, hemen hemen tüm tarayıcıların (eski, yeni ve aralarındaki) GIF görüntülerini görüntüleyebileceği anlamına gelir). GIF, Grafik Değişim Biçimi anlamına gelir. CompuServe, bu formatı 1980’lerde görüntüleri veri ağları üzerinden iletmek için etkili bir araç olarak yarattı. GIF formatının temel gücü GIF görüntülerinin genellikle küçük olması, yani hızlı bir şekilde indirip göstermeleridir. Bu derste daha önce belirttiğimiz gibi, GIF görüntüleri paletler kullanıyor ve 256 renge kadar destekliyor (bu onları 8 bit grafik yapıyor). GIF’ler sınırlı sayıda rengi desteklediğinden, düz renk alanları, logolar, çizgi resimler, simgeler, çizimler gibi karikatürler, düğmeler, yatay kurallar, madde işaretleri, arka planlar ve çok az renk gerektiren diğer grafik öğeler için GIF kullanmanız gerekir. Şekil 4, GIF görüntülerinin tipik kullanımlarına ait bazı örnekleri gösterir. Palete bağımlı, küçük ve verimli olmasının yanı sıra, GIF’ler üç Özel hile gerçekleştiriyorlar: birbiriyle birleşme, şeffaflık ve animasyon. • Geçmeli GIF’ler Normal olarak, bir pencere gölgesini aşağı çekmek gibi, görüntünün en üstünden en altına sırayla ekranda bir GIF resmi belirir. İsterseniz, (bir Web sayfası tasarımcısı olarak), GIF dosyanızı taramalı GIF dosyası olarak kaydederek bir GIF’in izleyicilere indirilme şeklini değiştirebilirsiniz. Geçmeli GIF grafiği, kullanıcıların ekranlarında ilk başta bulanık veya pürüzlü gibi görünür ve ardından yavaş yavaş netleşir. Şekil 5, indirme işleminin ortasında geçmeli bir GIF’i göstermektedir. Soldaki şekil tamamen indirilmeden önce görüntüyü gösterir ve sağdaki şekil tamamen indirilen görüntüyü gösterir.
Geçmeli GIF’ler, bir görüntünün ana fikrini okuyucular için tam indirmeyi beklerken iletmek istediğinizde kullanışlıdır. Geçmeli GIF’lerin dezavantajı, geleneksel (geçmeli olmayan) GIF görüntülerinden biraz daha büyük dosya boyutlarına sahip olmalarıdır. Bu nedenle, düğmeler, simgeler ve küçük grafikler için, geleneksel GIF dosya formatına sadık kalmanız daha iyidir.
Şeffaf GIF’ler: Şeffaf GIF’ler (GIF89aformat’ı kullanan GIF’ler), kesilen görünen simgeler, logolar ve diğer öğeleri tasarlamanıza olanak sağlar, böylece Web sayfalarının arka alanın resmin alanları boyunca gösterilmesine olanak tanır. Örneğin, Şekil 6’nın sağ tarafında görebileceğiniz gibi, arka plan saydam GIF’te dikdörtgen olmayan bir görüntünün yanılsamasını yaratacak şekilde gösterilir. Standart bir GIF’yi şeffaf bir GIF ile karşılaştırmak, saydamlığın bir Web sayfasının arka plan renginin (veya deseninin) görünmesini nasıl sağladığını gösterir. Saydam bir GIF oluşturduğunuzda, esasen görüntünüzde saydam renginiz olarak kullanılmak üzere benzersiz bir renk belirlersiniz. Örneğin, web yazılım geliştirme resminizin arka planını sıcak pembe renklendirebilir ve sonra resmin şeffaf rengi olarak sıcak pembe atayabilirsiniz – sıcak pembe’nin görüntünüzde başka bir yerde görünmediğinden emin olun veya istenmeyen şeffaf noktalar oluşturun. Bir tarayıcı saydam renkle karşılaştığında, tarayıcı, Web sayfasının arka planının gösterilmesini sağlayan renk alanındaki herhangi bir grafik bilgisini göstermez.
Animasyonlu GIF’ler: Son GIF ―trick‖, animasyon içerir. GIF animasyon araçlarını grafik düzenleme programları kullanarak, basit animasyonlar oluşturmak için GIF katmanlarını katmanlara yerleştirebilir ve katmanları bir yığın halinde kaydedebilirsiniz. Bir tarayıcı, yığılmış GIF resimlerini görüntülediğinde, her resmi birbiri ardına gösterir. Bu teknik, çoğumuzun ortaya çıkmasından çok önce popüler olan eski flip-kart’lara benziyor. Hareketli simgeler, rollover düğmeleri ve bazı afiş reklamlar, animasyonlu GIF örnekleridir. Şekil 7, animasyonlu GIF’lerin arkasındaki teoriyi göstermektedir. Bu derste daha sonra göreceğiniz gibi, Web’den ücretsiz animasyonlu GIF’ler ve GIF animasyon araçları indirebilirsiniz.
İpucu Microsoft Office XP’deki Küçük Resim, web sayfalarınızda kullanabileceğiniz saydam GIF’lerin yanı sıra animasyonlu GIF’ler de içerir. Animasyonlu bir GIF olan bir Küçük Resim öğesini tanımlamak için Küçük Resim düzenleyicisindeki küçük resim görüntüsünün sağ alt köşesinde altın bir yıldız arayın. Saydam bir arka planı olan bir Küçük Resim öğesini tanımlamak için, Klip Düzenleyici’de ― kesik olarak görünen ”öğelere bakın. Görüntüyü, renkli bir arka planı olan bir Word belgesine ekleyerek görüntünün saydamlığını test edebilirsiniz.
Web için Güvenli Renkler
Bildiğiniz gibi, tüm bilgisayar sistemleri eşit yaratılmamıştır. Pek çok insan, bilgisayar endüstrisinin donanım geliştirme hızına ayak uydurmak için çok zaman harcıyor. Bu nedenle, Web sayfalarını tasarlarken, sayfalarınızda en son ve en iyi ekran donanımı gerektiriyorsa, tüm kişilerin sayfalarınıza erişemeyeceğini unutmayın. Aslında, tüm web sörfçülerinin yaklaşık yüzde 10’u Web sayfalarını 256 renkte görüntülemekle sınırlıdır (çoğu yeni sistem milyonlarca renk gösterse de, 256 renkli tasarım sorunu muhtemelen geçmişe ait bir tasarım değerlendirmesi olacaktır). Bu nedenle, önümüzdeki birkaç yıl boyunca, Web sayfalarınızı tasarlarken ve GIF görüntüleri oluştururken, 256 renkli monitörlerin bir aksama olmadan görüntüleyebileceği renklere güvenmeyi düşünebilirsiniz. Evrensel renkler Web uyumlu veya tarayıcı güvenli renkler olarak adlandırılır. Web sayfanız Web uyumlu renkler dışında renkler kullanıyorsa, yalnızca 256 rengi destekleyen sistemler standart olmayan renklerin başka bölgelerine geçmesine neden olur. Titreşimi önlemek için 216 Web uyumlu renge sadık kalın. (256’nın diğer 40 rengi bilgisayar sisteminin kullanımı için ayrılmıştır.) Web uyumlu renk paletini görmek için grafik programınızda palette216.gif dosyasını açın. Renkleri renk tablosu biçiminde görmek için http://www.creationguide.com/colorchart adresini ziyaret edin. Grafik düzenleme programları genellikle GIF görüntüleriyle çalışırken yükleyebileceğiniz Web uyumlu bir palet sağlar.
E-Ticaret 