有人知道该算法究竟改变了什么?
在PS 100/100之前的版本中,我们使用jpegoptim,所以我们真的不知道如何进一步优化。
图像由我们的应用程序上传然后进行了优化。
任何见识将不胜感激。 PS的任何地方都有更新日志吗?
#1 楼
我以前在页面上看到的结果都是难看的,当然使用了ZURB Foundation这样的响应框架以及响应图像。
我过去使用过:
find . -iname "*.jpg" -exec jpegoptim --strip-all -o -p {} \;
并获得了不错的结果。
2017年1月的解决方案:85%的质量应该可以解决问题:
find . -iname "*.jpg" -exec jpegoptim --strip-all -m85 -o -p {} \;
/>回到Google页面速度的100/100。
这是ZURB Foundation 6的gulp / npm部署方法的一部分。
// Copy images to the "dist" folder
// In production, the images are compressed
function images() {
return gulp.src('src/assets/img/**/*')
.pipe($.if(PRODUCTION, imagemin(
[
imagemin.gifsicle({interlaced: true}),
imageminJpegoptim({
max: 85,
progressive: true
}),
imagemin.optipng({optimizationLevel: 5}),
imagemin.svgo({plugins: [{cleanupIDs: false, removeEmptyAttrs: false, removeViewBox: false}]})
],
{
},
{
verbose: true
}
)))
.pipe(gulp.dest(PATHS.dist + '/assets/img'));
}
/>您需要添加npm模块gulp-imagemin imagemin-jpegoptim
var imagemin = require('gulp-imagemin');
const imageminJpegoptim = require('imagemin-jpegoptim');
评论
欢迎来到该网站。只是为了澄清一下,您是说您还经历了有关优化图像的相同通知,而以前却没有?如果是这样,您添加的jpegoptim选项是否可以解决该问题?
– dan♦
16年12月21日在9:15
我们也尝试在jpegtran和jpegoptim中使用不同的设置,无法获得像Google国家这样的小图像……而且,我不认为这与图像大小(以像素为单位)有关,因为Pagespeed显然多样化压缩和像素大小问题。
–拉斐尔·杰格(Raphael Jeger)
16-12-21在12:06
谢谢-这真的很有用。而且您也可以为png find做类似的事情。 -iname“ * .png” -exec optipng -clobber -preserve -strip all -o2 {} \;
–billynoah
17 Mar 3 '17 at 7:24
#2 楼
您可能还会注意到以下消息:“为此页面下载优化的图像,JavaScript和CSS资源。”如果您在获得Google期望的优化方面遇到困难,他们会为您完成工作。有时候,各种工具无法满足Google的需求。#3 楼
Google的最新建议是使用imagemagick转换:convert INPUT.jpg -sampling-factor 4:2:0 -strip [-resize WxH] [-quality N] [-interlace JPEG] [-colorspace Gray/sRGB] OUTPUT.jpg
并带有具体示例puzzle.jpg
convert puzzle.jpg -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB puzzle_converted.jpg
/>在我自己的图像上使用相同的参数,我得到的结果与下载的优化JPG文件相同。
评论
请注意,如果您使用的是Windows,请在转换对您不起作用的情况下尝试使用magick。 magick puzzle.jpg-采样系数4:2:0-条纹-质量85-隔行JPEG-色彩空间sRGB puzzle_converted.jpg。 imagemagick.org/discourse-server/viewtopic.php?t=19679
–user2875289
'18 Sep 2'在8:26
评论
您是否在台式机测试或移动测试中看到该消息?都掉了...
不确定是否可以做得更好,但是Google建议使用jpegtran来优化JPEG图像。看来Google也在推销一种名为WebP的新图像格式,该图像尺寸较小,但浏览器支持较差。
我也注意到了这一点。我知道WebPageTest使用JPG的85%质量作为基准。但是除非质量低于80%,否则我无法接近Google的建议尺寸。