這裏的兩難境地：指引圖像尺寸及圖像壓縮之間進行選擇的網絡使用
我正在使用「響應式設計」的想法是，我希望有一個單一的網站，看起來讓我的網站在桌面上很好，可在手機上使用。佈局是液態的：幾乎所有的尺寸都用百分比或者埃姆表示。這使得我的網站幾乎可以在iPhone上使用。一些@media查詢使用備用佈局，視口設置，並且我已經開始了一個合理的折中。 （我不希望維持一個單獨的移動唯一網站。）
在這一過程中我發現，對於它們的使用方式過大的圖像。例如。大小爲33％的圖像超過一兆字節。
準則問題1：在大多數桌面屏幕上，圖像像素與屏幕像素的可接受比率是多少。
是計算機將調整的飛行。但調整200 x 300的圖像以填充600 x 900的點將顯得柔和，壓縮質量爲100.
準則問題2：在典型圖像上進行什麼壓縮會使工件變得明顯。
指導問題3：隨着圖像視角的增加，質量決策如何改變？最終的使用也需要考慮。跨越大部分頁面的圖像佔據了大部分視角，並且會更專注地觀看。
現在，這些都是相互關聯的。高度壓縮的大圖像將具有很小的僞影，並且在圖像下采樣時會變得不那麼明顯。圖片使用，像素大小和壓縮：
所以我用3個變量的工作。
到目前爲止：我的想法：
那裏有小點在比網頁上的最大期望利用圖像中有更多的像素。例如。如果我編碼1200像素寬的瀏覽器窗口，900像素寬的內容窗口和800像素的最大使用圖像大小，那麼存儲寬度超過800像素的圖像是愚蠢的。我懷疑我能以比這少得多的方式逃脫。 75％
壓縮質量是常見的，一個很好的起點，但我敢打賭，我可以殺青這件事幾乎沒有可檢測差異略高。稱取屏幕的主要部分
圖片應該是在質量上略高。
我在這一點訴諸會寫一個腳本，將重新調整，並以各種比例重新壓縮，看看其中的差別是什麼，但是這是一個漫長的過程。在我開始之前，我希望別人已經做到了，並且公佈了他們的建議。這樣我有一個出發點。