优化整页桌面的图像，支持响应式设计

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
轻松更改 dpi 3）。要在不更改分辨率的情况下减小文件大小，我建议使用http://www.jpegmini.com/
4）。在 Photoshop 中打开图像时，转到图像> 图像大小> 并将分辨率更改为 1500x1000。