Web sitelerinde resim dosyaları xhtml veya css olarak tanımlanmaktadırlar. Tarayıcılar resim dosyalarını buna göre tanımlayıp boyutlandırmalar yaparken bu formatın dışında ki tipler tarayıcılarda daha yavaş yüklenebilirler. Hiçbir formatı belli olmayan birkaç resim sorun teşkil etmese bile yüzlerce resim dosyasının olduğunu varsayarsak yavaş bir performanstan bahsedebiliriz. Böyle bir durum site performansını oldukça yavaşlatacaktır. Resimlerin optimize edilmesi demek sıkıştırılmaları, boyutlandırılmaları , tanımlamaları gibi işlemlerden geçirilmesi demektir. Bu işlemlerin sonucunda resimler site performansı açısından olumlu etkiler sağlayacaktır. Sitenin performanslı bir şekilde çalışması için resim dosyalarında küçük boyutlarda olması gerekmekte ve bazı formatlarda olması gerekmektedir.
Sıkıştırma
Resimlerin sıkıştırılması performans açısından büyük bir fayda sağlayacaktır. Sıkıştırılan 5 resim dosyası sıkıştırılmamış 1 resim dosyası ile eşdeğer olmaktadır . Resimler sıkıştırılarak daha küçük boyutlara getirilmektedir. Bu sayede sitede yüklenmeleri daha hızlı olmaktadır. Resimleri sıkıştırmak için photoshop gibi programlar kullanılabilir. Photoshop ile resimleri çözünürlükleri azaltılarak sıkıştırmak mümkün olmaktadır. Resimlerin sıkıştırılması için farklı platformlarda bulunmaktadır fakat photoshop bu konuda iyi bir seçimdir.
Boyut Uyumluluğu
Resimler boyutları önemli olmaksızın bazı standartlara göre çağrılmaktadırlar. Örneğin resmin boyutu 200×200 olsa bile standart olarak 400×400 olarak çağrılabilir. Resmin büyük boyutlarda ihtiyaç duyulduğu yere büyük boyutlarda , küçük boyutlarda ihtiyaç duyulduğu yere ise küçük boyutlarda gitmiş olur. Resimlerin sitelerde çirkin bir görünüm sergilememesi için iyi bir şekilde optimize olması gerekmektedir. Bunun için resim boyutları iyi ayarlanmalıdır.
Format
Resimler formatlarına göre değişkenlik gösterebilirler. Bazı resimler bazı yerlerde png formatında iken bazı yerlerde jpeg olabilirler. Bunların dışında animasyonlu resimler yani gif olarak da kullanılabilirler. Bunun içinde değişkenlik gösteren resim formatlarına göre tanımlamalar yapmak gerekmektedir. Jpeglerde kalitesi 60-70 olan   , png ise 8 bit kullanmak akılcı ve mantıksal bir çözüm olacaktır. Formatlar farklı olması sıkıştırmaları da etkileyecektir onun için bu kriter dikkate alınarak sıkıştırma yapmakta fayda vardır.
Url Yapısı
Resimlerde kaynak kod yapısı ne kadar karmaşık ve fazla ise performansta o denli düşecektir. Resimlerin url’leri açık ve net bir yapıda olması büyük oranda fayda sağlayacaktır.

yerine, ana dizine yakın resim klasörü oluşturulupp resimleri içerisine atmaktayız ve url yapısında site adresini yazmayarak daha fazla sayıda karakter tasarrufu yapılmaktadır.

Css Sprite
Css sprite tekniği, xhtml kaynaklı resimleri birleştirip  tek bir resim olmasını ve css kaynağına gönderilerek  hızlı bir şekilde gösterilmesini sağlamaktadır. Bu sayede hem kaynak kod büyük ölçüde azalmış olur hem de birden fazla resim tek resim şeklinde çağırıldığı için sorgu sayısı da azalmış olur. Bu  da  hem hız konusunda  hem de seo sürecinde büyük katkı sağlar.