网站优化什么是网页图像优化
德道网络 |
发表时间：2018-05-23 09:04:27
网页图像优化
通常包括两个必要的步骤：缩放图像和压缩图像。
缩放图像
在优化图像的过程中最耗时的步骤就是缩放。尽管你可能希望图像看起来越清晰越好，但是高分辨率照片会导致文章加速速度变慢。比如你在1个只有200 x 200 空间的屏幕里，放了一张原始大小2000 x 2000 图片，其实最后根本用不上这么高清，你就已经可以看的很清楚了，也就是1800其实很大程度是「被浪费了」，但是浏览器仍然会加载原始文件，所以自然网页的访问速度就慢了。
为了避免这个问题，你需要在上传图片之前做缩放图片。对于部分的网站，可能内部自动会做缩放的处理，比如微信的头图上传的时候会自动压缩，但是对于其他大部分的站点，缩放的工作是需要你自己来完成的。
我们将博客文章内的插图宽度控制在800像素宽度（除了某一些教程类的GIF图片除外），但是对于博客的封面图片则需要设置到1000 x 500像素。
压缩图像
除了缩放图片，把图片上传到网站之前，还需要对图片进行压缩处理。说到图片压缩，我们常常会联想到模糊、质量差，但是其实良好的图像压缩几乎是无损的：它不会降低图像的可见质量。
图像压缩很多时候做的工作就是通过去除图像中不相关和冗余的数据来提高图像的效率。使用良好的图像压缩工具，你几乎不会注意到原始图像和优化图像之间的质量差异。
因此，综合了缩放图片和压缩图片这两个步骤，你可以使用一个工作流实现全自动化的草足。以下主要介绍如何在Mac 平台实现这个自动化的过程。
如何在macOS，Windows和在线上缩放和压缩图像的方法。
自动化图片优化的准备工作
对于 Mac 的系统，你只需要两个免费工具：
1、Automator ：它是Mac上的一款内置工具，可以帮助你处理许多自动化的任务，比如当打开把word保存到某个文件夹以后，就自动导出PDF 保存到另外一个文件夹。所以，你自然也可以使用Automator 来调整图像大小；
2、ImageOptim：这是一款第三方、免费图片缩放工具，可以在不降低图片质量的情况下快速压缩图像。要使用ImageOptim，你只需将文件拖放到应用程序中，ImageOptim将完成剩下的工作。需要注意的是，一旦工具压缩了图片，图像被新的压缩版本覆盖，因此需要提前做一下备份。
当你下载好了 ImageOptim 后，你就可以开始配置这个自动化的「程序」。记住，在整个自动化处理的过程中，关键的思路就是：当你把某个图片添加都某个文件夹后，所有的图片就会被自动优化。
关注德道网络微信公众号 我们将为您呈现更多精彩
