Web sayfalarınıza grafik eklemeye hazır olduğunuzda, grafikleri biçimlendirme şekline karar vermiş olmalısınız. Bir grafik dosyası doğal durumunda web üzerinden hızlı yüklemek için çok büyüktür, bu nedenle sıkıştırarak dosyanın boyutunu azaltmanız gerekir.

Web sayfalarının standart dosya biçimleri GIF (GIF: World Wide Web üzerindeki dizin renkli grafikleri görüntülemek için kullanılan bir grafik dosyası biçimi (Windows'da .gif uzantılı). En çok 256 rengi destekler ve kayıpsız şıkıştırmayı destekler; bir başka deyişle, dosya sıkıştırıldığında hiç resim verisi kaybı olmaz.), JPEG (JPEG: Birçok Web tarayıcısı tarafından desteklenen, fotoğrafları sıkıştırmak ve depolamak için geliştirilmiş bir grafik dosyası biçimi (Windows'ta .jpg uzantılı). Taranmış fotoğraflar gibi çok renkli grafiklerde en iyi sonuç verir.) ve son zamanlarda kullanılan PNG (PNG: Bazı Web tarayıcıları tarafından desteklenen bir grafik dosyası biçimi. Portable Network Graphics (Taşınabilir Ağ Grafiği) teriminin kısaltılmışı. PNG resimlerde değişken saydamlığı ve farklı bilgisayarlar üzerinde resim parlaklığının denetlenmesini destekler. PNG dosyaları sıkıştırılmış bit eşlemlerdir.) biçimleridir. Her grafikte kullanacağınız dosya biçimini belirleyen çeşitli etkenler vardır. En iyi biçim, çalıştığınız grafiğin türüne, dosyanın boyutuna, grafik dosyasının ne kadar küçük görünmesini ve resmin ne şekilde yüklenmesini istediğinize bağlıdır.

• GIF  GIF biçimindeki grafikler, düz çizgiler ve siyah beyaz resimler gibi yalnızca bir kaç ayrı renk içeren resimler kullanıldığında en iyisidir.

  GIF sıkıştırma biçiminin yararlarından biri, tarayıcının karşıdan yükleme deneyimini geliştirmek için geçişli yapılabilmesidir. Geçişli bir GIF önce düşük çözünürlükte görünür ve sonra tüm resim gelene kadar çözünürlük gelişir. Bu da izleyicinin grafiğin görüntülenmesini beklerken neye benzediği hakkında bir fikir edinebilmesini sağlar.

  GIF biçimindeki grafiklerin diğer bir kullanışlı özelliği ise GIF'in arka planını saydam yapabilmenizdir, böylece içinde bulunduğunuz tarayıcı penceresinin arka plan rengini görebilirsiniz.

• JPEG  JPEG biçimi, genellikle binlerce veya milyonlarca renk içeren gerçek fotoğraf kalitesinde grafikler için kullanılır. JPEG biçimindeki grafikler, dosya sıkıştırmasını grafik kalitesini değiştirerek kontrol edebilmenizi sağladığından kullanışlıdır. Kaliteyi düşürdükçe, dosya sıkıştırması artar. Sonuç olarak, dosya büyüklüğü azalır.

  JPEG biçimindeki grafikler GIF biçimindekilerden daha yüksek düzeyde sıkıştırmaya olanak vererek daha büyük boyutlu grafiklerin daha hızlı yüklenmesini sağlar. Ancak, tarayıcı JPEG biçimindeki dosyayı yalnızca üst satırdan alt satıra doğru doğrusal biçimde yükleyebilir.

• PNG  PNG biçimi, binlerce veya milyonlarca renk içerebilen grafiklerde saydamlığı destekleyen GIF' ve JPEG'in yerine kullanılabilir. Bazı Web tarayıcıları özel bir eklenti (eklenti: Web tarayıcılarıyla tümleşerek çeşitli etkileşim ve çoklu ortam yetenekleri sunan yazılım modülleri kümesinden herhangi biri.) olmadan PNG biçimindeki grafikleri gösteremez. Aşağıda seçebileceğiniz PNG biçimi türleri görülmektedir:
  • PNG-8 biçimi GIF'e benzer, ancak daha iyi 8 bit renk desteği sağlar. Çizgi roman, logolar veya gösterimler gibi resimlerde bulunan dolu alanlardaki renkleri keskin ayrıntıları da koruyarak etkin bir şekilde sıkıştırır. Bu biçim yaygın değildir ve tüm tarayıcılar desteklemez.
  • PNG-24 biçimi de GIF'e benzer ve 24 bit rengi destekler. JPEG biçimine benzer şekilde PNG-24, geniş bir aralığı ve parlaklıktaki incelikli çeşitlemeleri ve fotoğrafta bulunan ton değişimlerini korur. GIF ve PNG-8 biçimleri gibi PNG-24 çizgi romanlardaki, logolardaki ve gösterimlerdekine benzer keskin ayrıntıları korur. Bu biçim pek yaygın değildir ve tüm tarayıcılarda desteklenmez.

Diğer dosya biçimi türleri

Animasyonlu GIF, pek çok sıralı resmi tek bir GIF dosyasında birleştirerek hareket veya animasyon oluşturmak için kullanabileceğiniz bir grafik türüdür. Animasyonlu GIF'leri grafik programlarında oluşturabilir ve World Wide Web üzerinde bulabilirsiniz. Daha sonra Web sitenize de ekleyebilirsiniz.

Bu örnekteki animasyon sayfa açıldığında bir kez gösterilir.