网页开发中,页面优化至关重要。图片应尽量精简,在保证清晰度的前提下使用较小体积的文件,并优先通过CSS实现视觉效果,减少图片使用。过多或过大的图片会拖慢加载速度,影响用户体验。因此,对图片进行高效压缩,既减小体积又保持清晰度,是提升网页性能的关键措施之一。
1、 启动图片压缩工具
2、 访问Yahoo推出的在线图片压缩工具Smush.it,可高效减小图片体积,同时较好地保留原有清晰度,适合需要优化图像大小的用户使用。
3、 上传图片请先压缩
4、 即使不懂英文也无需担心,打开上传功能,点击选择文件按钮即可添加所需文件。
5、 挑选文件
6、 挑选待压缩的文件,此处仅选一张图片测试。通常用于网页的图片,除非是图片类网站,体积一般不会太大。
7、 压缩
8、 选定文件后,文件名称便会显示出来。
9、 可同时压缩多个文件,只需连续点击选择文件添加即可。
10、 点击Smush按钮即可开始压缩图片。
11、 压缩完毕,信息保留
12、 完成后,下方将显示若干图片的相关信息。
13、 图片原始文件大小为22.49KB,即源尺寸数据。
14、 图片经压缩处理后,文件大小为22.21KB。
15、 图片经压缩后节省了285字节的存储空间。
16、 压缩率1.24%,表示节省空间比例为1.24%。
17、 下载已压缩的图片
18、 点击下载压缩图片按钮,即可将处理完成的图像保存到本地设备中。
19、 图片存于.zip压缩文件内。
20、 解压图像文件
21、 解压压缩包前,为避免重名冲突,先将原图片文件名进行修改。
22、 压缩后的图片清晰度与原图几乎无差别。
评论
更多评论