如何解決網頁上圖片模糊問題?

有一位客戶,上傳了一張圖片300px X 300px大小,解析度72的圖片,在電腦上看起來清楚 在手機上圖片看起來是模糊的,這是為什麼呢?

因為現在手機越來越多使用視網膜螢幕,每一英吋裡所含的點(每張圖片的最小單位是由一個點構成)越來越多,所以圖片會變模糊。

解決方法: 將圖片製作成兩倍大的尺寸,例如:原本300px X 300px (解析度72)的圖片,改成600px X 600px (解析度72)的圖片,

記得不是把原來那張300px X 300px 放大喔,這樣會模糊,

一定要找比600px X 600px大的圖片,然後再把它縮小成600px X 600px,這樣照片才不會失真。

一般大小圖,會模糊

兩倍圖,影像清楚