即使互联网连接越来越快,它仍然是重要的是保持你的网站尽可能快。其中一个网站的“慢”的部分是图像。在这篇文章中我们将展示几种方式来压缩照片和JPEG图像为您的网站。
更新:由于2011年是网页速度谷歌的排名网站的标准。谷歌不会与所有其他的排名因素去掉“慢”的网站,但合起来就是你的网站的速度的东西,你应该思考的问题。还有为什么你应该关心的文件大小某些其他原因:带宽,如果您的网站很多游客了,每次节省带宽,节省您会降低KB 的网络托管费用。
如何压缩照片?
如果你建立自己的网站,你应该压缩您的照片,横幅和大多数其他网页元素。你最喜欢的图像编辑器应该有一些功能,降低尺寸的图像。在这篇文章中,我们比较4种方式来压缩我们的示例照片(原始文件大小393KB):
Adobe公司的Photoshop
如果您使用“另存为Web …”功能就可以创建从图像网络优化的版本是足够小,并且拥有一支素质这是为您的网站不够好。在我们的例子中,我们所用的预先设定的“高质量”,这是等于60%质量。结果为具有95KB的一个文件大小更小的文件。
土坯烟花
烟花是因为独特的功能,我最喜欢的网络图片编辑器,在一个单独的文件位图和矢量图的元素。我们做了80%的质量出口和压缩版本有85KB的文件大小。
GIMP(免费的图像编辑器)
两款Adobe产品是不是免费的,仅适用于Windows或Mac。如果你需要一个免费的编辑器,你应该尝试的GIMP,它像其他商业产品的许多功能前面提到的图像编辑器。编辑器也有一个“安全为网页”功能,我们使用和它成为大小87KB的我们的出口文件86%质量。如果你使用GIMP向下大小的照片从数码相机,你应该检查选项“地带的EXIF”,删除照片的元数据会为另一个〜10KB文件更小。
ImageMagick的(命令行工具)
我们的最后一个选项是ImageMagick的 Linux命令行工具。使用以下命令将文件尺寸减小的使用80%的质量(文件大小后转换为89KB):convert original_100.jpg -quality 80 imagemagick_80.jpg
当然这个方法效果与其他的方法,但良好的心态不同的是,你可以在你的PHP脚本或者仅使用此代码从你的Web服务器的命令行。
原始图像和压缩副本
检查下面的图片,并指出,对于压缩图像质量(文件2-5)非常相似。
照片压缩后的结果非常相似,文件大小为85KB(烟花)和95KB(Photoshop中)之间。如果你正在寻找下大小5〜10%,你应该尝试Smush.it从雅虎的免费服务。他们提供了一个工具,它可以优化您的图片更小的5%-10%的文件大小不降低质量的档次。
与ImageMagick的和PHP优化您的JPEG图像
如果您需要优化图像为您现有的网站,下面的PHP代码可能是有用的:
<!–?php <br ?–> $dir = '/home/some_directory/'; // the directory with your files
$compr = 80; // the quality precentage
if ($handle = opendir($dir)) {
while (false !== ($file = readdir($handle))) {
$path = $dir.$file;
if (is_file($path)) {
$ext = pathinfo($path, PATHINFO_EXTENSION);
if (preg_match('/^(jpg|jpeg)$/i', $ext)) {
exec(sprintf('convert %s -quality %d %s', $path, $compr, $path));
}
}
}
closedir($handle);
}
只需输入到你喜欢的优化安全代码作为该目录的路径PHP脚本,并从浏览器的命令行中执行该文件。使用这个PHP脚本中,只有张照片(JPEG文件)得到压缩。压缩您的照片,使他们加载速度更快,但要小心不要压缩你的图片太多。