大图有适合它的使用场景,但网站不必把每一张原始图片都发送给访客。本指南帮助你整理图片准备流程,最终仍需要在实际网站中查看并测量效果。
先考虑图片会显示在哪里
确认图片用于小卡片、横幅,还是完整图片页面。合适的尺寸取决于屏幕宽度与像素密度。请单独保留原图,并从原图生成网页版本。尽量不要对已经多次压缩的文件继续反复缩放。
先选尺寸,再调整压缩质量
按照实际使用空间缩小宽度和高度,同时保持图片比例。把小图放大,并不能恢复原本没有的细节。因此,本站的图片缩放器只会缩小图片,不会将其放大到超过原始尺寸。
检查透明区域和图片中的文字
照片、标志和截图包含的细节并不相同。转换格式后,请检查文字边缘、细线、透明背景与颜色。文件最小的格式不一定适合每张图片,所以评估文件大小时,也要同时查看实际图像效果。
在真正使用图片的页面上测试
同时打开手机和桌面版本,检查图片是否过于模糊,以及加载时页面内容是否发生跳动。位于首屏以下的图片,可以在接近可视区域时加载;主要图片则应让浏览器能够立即开始加载。
图片缩放器在浏览器中运行,不会把图片发送到服务器处理。将结果下载下来,与原图对比后,再用于网站。