使用缩小到1/2尺寸的大图像？加载时间不合适？

我运行一个Wordpress网站，有数千篇文章，每篇文章至少有一个主JPEG图像，每篇文章我们裁剪到240px高x 135px宽，并使用Save For Web功能在Photoshop中缩小其文件大小。所以在存档页面的情况下，我们可以在单个页面上加载20到30个这样的图像。使用缩小到1/2尺寸的大图像？加载时间不合适？

因为我们正在设计在工地附近的一个应用程序，并希望我们的图像看起来高品质，240×135大小是不会削减它在更高分辨率的屏幕，所以我们将需要更新尺寸。

我的问题是：如果我们将每个帖子设置为在各自的页面中使用603 x 339图片，但是设置存档页面以列出较小图片的帖子以将这些603 x 339图片缩小为240 x 135 CSS。加载时间有多糟？由于存档页面仍然会加载20-30张设置为以240 x 135显示的图像，我们可以吗？或者源603 x 339图片的实际文件大小是否会对我们的页面速度产生巨大的负面影响？

来源

2013-03-14 Joe Grizzly

当然有，增加加载时重

UPDATE： 说你有你的文件系统中的图像（603x339）。使用给定的类here。然后使用

$resizeObj -> resizeImage(240 ,135 , 'crop'); 
$resizeObj -> saveImage('sample-resized.jpg', 100);

创建一个调整大小的图像，并使用图像存档pages.You可以删除此图片保存文件系统的大小在多个计算每次的费用。但是你的主网页，你仍然可以使用图像在文件系统中作为不被修改

替代解决方案：

WordPress的有一个叫ImageMagick Engine

使用，你可以插件重新大小在将图像发送到客户端机器之前将图像发送出去。因此，您可以发送要显示大小的图像（客户端不需要重新调整大小）。

因此将负载限制在所需的范围内。

要不干脆用图像压缩工具（如Caesium或任何其它），这会降低你的系统本身

来源

2013-03-14 03:04:00 funtime

娱乐时间：您可以在将图像发送到客户端机器之前通过调整图像大小来解释您的意思吗？在我上面说过的例子中，我的Wordpress文章将使用603x339的主图像，然后我们想在归档页面上调用时按比例缩小相同的图像。 – 2013-03-14 03:14:00

@JoeGrizzly查看上述更新 – funtime 2013-03-14 12:13:13

用CSS缩放图像尺寸仍然需要整个加载图像，然后在浏览器有规模的是在显示它之前下来，所以它可能比以原始大小显示图像慢得多。为了更好的速度，你需要发送预缩放图像给客户端。

来源

2013-03-14 03:09:01 Ninjammer

使用缩小到1/2尺寸的大图像？加载时间不合适？

回答

相关问题