如何减少用于网页下载的Large(ish)图像的大小

时间:2010-12-21 22:20:45

标签: html optimization photoshop

我有一个使用大图片作为背景的网站。这是一个大小为134KB的jpeg - 到目前为止我无法真正达到它。我已经在低质量jpeg设置的photoshop中保存了它。它的尺寸是:1920 x 1028。

如何进一步缩小尺寸?

我可以将它调整得非常小,并在图片标记中使用宽度和高度属性调整大小 - 只要宽高比相同吗?

它杀了我的页面速度。请帮忙 - 欢迎任何建议。

11 个答案:

答案 0 :(得分:4)

在不了解图片的情况下,我可以提供不同的方式:

1) 如果你不希望你的照片在背景中太突出,试着模糊它(可能很多 - 取决于图片!) - >那么你可以让我们获得更高的压缩率,而不会过多地看到这些文物。

2) 根据您的图片,尝试将其缩小到某些颜色范围(您使用最大颜色数量) - >使用这种方法你最终可能会使用.png或gif文件,photoshop会告诉你什么是最好的。

最后一个想法: 因为这是你的背景图像,试着将它保持在“背面” - 这样你就可以尝试以一种减少颜色的方式改变(破坏)图像!另一方面,尝试使用较小的图片(800x600)并让css再次缩放它们 - 这取决于你的意图。

我在大约55Kb时使用1280x1024px bg图像。

希望这会有所帮助。

答案 1 :(得分:2)

答案 2 :(得分:1)

是的,您可以使用较小的图像。您的主要选择是

  • 在显示屏上调整大小(使用<img src="xxx" height="200%" width="200%">
  • 平铺

如果是均匀的背景(图案或类似),平铺可能看起来更好,因为放大图像会降低其视觉质量。如果是图片,则必须进行缩放。

答案 3 :(得分:0)

我肯定会建议调整图像大小但保持纵横比。越小越好。但请记住,越小(小于1:1),图像质量就越低。话虽如此,一般来说,对于大多数背景来说,图像质量并不是强制性的。

答案 4 :(得分:0)

使用Photoshop进行调整大小并根据您的需要进行调整,例如1024 * 800或任何您想要的,然后将其保存为网页和设备,并减少jpg的优化值,希望它能够正常工作。

答案 5 :(得分:0)

除非您愿意降低图像的像素分辨率(如@sleske建议的那样),否则可能无法使图像大小远远超出您现有的水平。 Photoshop的JPG导出过滤器在质量与文件大小方面处于领先地位。

唯一可能的方法是将图像分割成子图像,然后用不同的设置压缩它们(“切片”)。可以以大幅降低的质量节省大的均匀区域而没有明显的损失,而详细区域可以保持更高的质量。我认为Photoshop有ImageReady。

答案 6 :(得分:0)

如果可能,请将其另存为GIF。 GIF通常小于Jpegs。

答案 7 :(得分:0)

您可以使用此在线工具将图片大小从MB缩小为KB http://www.jpegmini.com/

答案 8 :(得分:0)

我找到了一个简单的解决方案。这是使用办公室照片编辑器2010。只需启动应用程序导航到包含图像的目录,只需单击右侧的编辑图片然后压缩图片即可。选择你想要我选择网站的类型。成功地将jpg的大小从5mb减少到50kb。

答案 9 :(得分:0)

我尝试了很多在线图像压缩器,但我最喜欢这个:http://compressimage.toolur.com/。你可以玩各种各样的东西,如质量,压缩方法等。

答案 10 :(得分:-2)

您可以在发送htaccess文件之前获取服务器gzip图像。 (假设您运行Apache)

如果你有很多图像,那么它可能会在服务器的处理器上进行密集。