Günümüzde tarayıcılar gösterdikleri resim dosyalarının algoritmalarına da el attılar , bu durum normalde kullanıcıları rahatsız etmez fakat resimlere zoom yapmaya başladığınızda bariz farklar

ortaya çıkar mesela resimler olması gerektiğinden buğulu bir hal alır sebebi "image-rendering CSS property" dir ve default ayarı otomatiktir amaç resim gösterim kalitesini arttırmak olsada bazı resimlerde istenmeyen netlik kayıplarına sebep olur mesela ilk resim tarayıcının default ayarlarını kullanır.

aşağıdaki ise image-rendering seçeneği : crisp edges şekline getirilmiştir

ilk resimde gereksiz bir netlik azalması gözden kaçmamaktadır , bundan kaçınmak için iki yol bulunmaktadır

1. userContent.css
1. Firefox u çalıştıralım ve klavyedeki ALT tuşuna basalım
2. Help menüsünden troubleshooting ... i seçelim

3. Açılan ekranda Show folder diyelim

4. Burada eğer varsa userContent.css i notepad ile açıp içine aşağıdaki satırı ilave edelim (yoksa oluşturalım) ve Firefox u yeniden başlatalım

img { image-rendering: -moz-crisp-edges; }

2. About:config
1. Tarayıcının adres satırına about:config yazıp enter e basalım ve çıkan uyarıdaki butona tıklayalım
2. Açılan sayfadaki arama boşluğuna aşağıdakini yazalım

image.high_quality_downscaling.enabled

Üzerine çift tıklayalım ve True olan değeri False yapalım (aşağıdaki resim)