一、圖片像素
  響應式網站涉及圖片，像素是一個基本要求，原因都知道但很多人因為找不到正確的圖片，會使用低像素的圖片，事實上這不僅不能使網站的頁面更好，而且降低網站的質量。因此高像素圖片是響應式網頁制作的必要元素，可以直接在屏幕上顯示效果，讓用戶直觀容易地獲取信息，還能夠豐富網頁內容，有利于網站風格的改進。
二、畫面一致性
  圖片的一致性主要表現在兩個方面，一是畫面本身縱橫比的一致性，為了適應屏幕的顯示效果，許多人在添加圖片時會拉伸圖片，但要記住圖片的縱橫比應該保持不變，以確保圖片不會變形，不會在拉伸后丟失信息。
  另一方面，圖片的大小與屏幕的大小是一致的。響應式網頁制作強調用戶對不同設備有更好的瀏覽體驗，因此為了避免圖片大小與屏幕不匹配，可以通過裁剪修改每幅圖片的大小，并將其放在正確的位置，從而在圖片中發揮真正的作用。
三、圖片展示形式多樣性
  有了正確的圖片，那么圖片的顯示形式也同樣重要，也就是圖片的排版。如果在網頁制作中不會做圖形和文字排版，別擔心，現在很多網站模板都會有一個特殊的圖片模塊，一般只需要用自己的圖片來代替，其中旋轉圖片和幻燈片等形式的顯示更常用，對于多張圖片的顯示是非常有幫助的。
四、簡化圖片效果
  有時為了引導用戶采取某些行為，會在圖片中添加一些按鈕、文本或導航箭頭。雖然可以使用這些要求動作的元素，但不應該更多地使用。盡量保持圖片的原始外觀，這樣用戶就可以更好地理解關鍵點，從而提高轉換率。