爲支持響應式設計的整頁桌面優化圖像

Question

最近我請求我的一位朋友爲非營利慈善組織設計網站。我的朋友使用html和bootstrap開發。他發佈了該網站。我發現該網站加載緩慢。

該網站在主頁上有滑塊的完整頁面圖像。所有3個圖像可以通過使用滑塊進行更改。圖像大小，分辨率可能是問題。

請參考下面的圖片的鏈接， image details

我的朋友現在是生病住院。所以我現在不是請他幫忙修改圖像的好時機。我有照相館。我需要你的幫助或分享一些鏈接，以便我可以自己做。這裏是我需要幫助的區域。

1）根據圖像，所有圖像大小爲1900 x 920像素。分辨率爲300和72 dpi。鑑於目前的桌面/筆記本電腦顯示器分辨率和手機，我應該保存什麼樣的分辨率，尺寸應該是多少？

2）如果我需要更高的分辨率（因爲我的圖像之一是72 dpi）我可以在Photoshop中簡單地將分辨率提高到更高的分辨率嗎？這些圖像是天然的農業農場。

3）如何在不影響圖像尺寸（寬x高）的情況下減小文件大小？任何指導？教程鏈接？欣賞:)

4）我想用我用數碼相機拍攝的另一幅圖像替換一幅圖像s2.jpg。圖像大小爲replacement image size 我應該怎麼做Photoshop來優化圖像？

謝謝你，感謝你的投入:)

Answer 1

1）。我使用的尺寸是1500x1000。這是滑塊的完美尺寸。 2）。你可以很容易地用這個http://convert.town/image-dpi
3）來改變dpi。爲了減小文件大小而不改變分辨率，我建議使用http://www.jpegmini.com/
4）。在Photoshop中打開圖像時，轉到圖像>圖像大小>，然後將分辨率更改爲1500x1000。