网站 化什么是网页图像 化
2018/5/23 9: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 后,你就可以开始配置这个自动化的「程序」。记住,在整个自动化处理的过程中,关键的思路就是:当你把某个图片添加都某个文件夹后,所有的图片就会被自动 化。