logo标签列表

如何缩小大尺寸图像以便在网页下载时使用

htmloptimizationphotoshop
5
我有一个网站，它使用一张大图作为背景。这是一张134KB的jpeg图片 - 我目前无法将其缩小到更小的尺寸。我已经在Photoshop中以低质量jpeg设置将其保存为Web格式。它的尺寸为：1920 x 1028。
如何进一步减小大小？
我可以将其调整为非常小的尺寸，并在图像标签中使用宽度和高度属性进行调整 - 只要纵横比保持不变？
它正在拖慢我的页面速度。请帮忙 - 欢迎任何建议。
如果您可以接受较低分辨率的低质量图像，这似乎是个不错的选择——重新调整大小，然后在呈现页面时再进行放大。 - Victor Zamanian
如果我们能看到实际的图像，可能会有更好的解决方案。 - thirtydot
我使用OptImage Mac应用程序来减小JPG文件大小，有几种选项可供选择。但对于1920 x 1028大小的图像，134kb看起来还不错。 - Johnny Rockex
11个回答
4

不知道图片是什么，我可以提供不同的方法:

1) 如果你不想让你的图片在背景中太突出，尝试模糊它(可能很多-取决于图片!) -> 然后你可以使用更高的压缩率而不会看到太多的伪影。

2) 根据您的图片，尝试将其减少到某些颜色范围(使用最大数量的颜色) -> 使用这种方法，您可能会使用.png或.gif文件，Photoshop会向您展示哪种方式最好。

最后一个想法: 由于这是你的背景图片，请尽量让它保持在“后面” - 这样你可以尝试并以某种方式更改（破坏）图像来减少颜色！另一方面，尝试使用较小的图片(800x600)，并让css对它们进行缩放，再次取决于您的意图。

我使用1280x1024px的背景图像，大小约为55Kb。

希望这能有所帮助。

2
谢谢，但我已经尝试过了 - 我最多只能获取1.3KB。 - David
在 PS 中使用“保存为 Web 所用格式”保存的图像中已经很少有不必要的元数据了。 - Joey
1

是的，您可以使用较小的图像。主要选择如下：

  • 在显示时调整大小（使用类似<img src="xxx" height="200%" width="200%">的方法）
  • 平铺

如果是统一的背景（例如图案），平铺可能看起来更好，因为放大图像会降低其视觉质量。如果是图片，则必须对其进行缩放。

这是一张照片。由于图像类型的原因，它有点像素化，所以质量并不太重要。 - David
0
我肯定会建议调整图像大小，但保持纵横比。越小越好。然而，请记住，你缩小的越多（小于1:1），将会降低图像质量。话虽如此，一般来说，对于大多数背景来说，图像质量并不需要非常高。
0

使用Photoshop进行调整大小，根据您的需要进行调整，例如1024*800或任何您想要的尺寸，然后保存为Web和设备格式，在那里减少jpg的优化值，希望这样可以解决问题。

0

除非你愿意降低图像的像素分辨率（如@sleske所建议的那样），否则可能没有办法使图像大小超出现有大小。Photoshop的JPG导出滤镜在质量与文件大小方面是顶尖的。

唯一可能的方法是将图像分割成子图像，并使用不同的设置进行压缩（“切片”）。大块的同质区域可以以极低的质量保存，而几乎看不到明显的损失，而详细的区域可以保持更高的质量。我认为Photoshop有ImageReady可以做到这一点。

0
如果可能的话，请将其保存为GIF。 GIF通常比Jpeg文件更小。
0
0
我找到了一个简单的解决方案。就是使用Office照片编辑器2010。只需启动应用程序，导航到图像所在的目录，然后在右侧单击“编辑图片”，然后压缩图片。选择您想要的类型，我选择了网站。成功将JPG的大小从5MB减小到50KB。
0

我尝试了许多在线图像压缩器，但我最喜欢的是这个：http://compressimage.toolur.com/。您可以尝试不同的设置，如质量、压缩方法等。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接