1. 自适应图片：比如设置图片的最大宽度，如果屏幕尺寸小于图片最大宽度，则图片会自动缩小。

2. 父级容器响应式缩放：图片放在一个响应式的容器中，通过 CSS 的百分比或者 em 单位来设置宽高，当容器缩放时，图片也会等比例缩放。

3. 响应式图片设置：通过设置不同的图片尺寸，根据不同设备的显示尺寸加载不同尺寸的图片，从而提高网站加载速度，并减少资源浪费。

4. 雪碧图：将多个小图片组合在一起并压缩成一张大图片，可以减少网络请求次数，并提高网站加载速度。

5. 延迟加载：当页面滚动到可视区域时才加载图片，可以提升网站性能，减少页面请求。

6. WebP 格式图片：WebP 是 Google 开发的一种新的图片格式，拥有更小的文件体积和更高的画质，可以提高网站图片的加载速度，但是目前浏览器支持还不太完善。