HTML图片大小

Question

我通过'Save For Web'选项从PSD导出我的网页图像，并按照标准使用其质量和格式控件，但是当我检查我的图像大小时，它们比预期的要重。我在其他网站上看到了图片尺寸。他们的GIF图像太小了。即子弹箭头GIF图像（12px X 48px）接近90个字节，但当我在PSD中创建相同的图像并导出为GIF时，我的大小上升到1 KB。我只是想知道这是他们以任何其他方式导出或创建Web图像以获得更小的尺寸？

Answer 1

您可以查看您使用的颜色数量。 如果您使用较少的颜色创建GIF，则会获得较小的GIF。

尺寸还取决于图像中有多少颜色，也许90字节gif是纯黑色和白色，而你的颜色更多。

Answer 2

当您在Photoshop中保存为Web时，您可以使用一些变量来获得较小的尺寸，您已经使用过。我尝试向其他发现此问题的用户解释一些，以防您已经知道它们是如何工作的：

有损：有损压缩可让您压缩更多字节。值越高，图像质量越低，重量越轻。

颜色：正如aleixventa在回答中所说，图像中使用的颜色数量越多，图像尺寸就越大。

Web Snap：这是将图像颜色转换为Web安全颜色的选项。更安全的网页颜色会产生更小的图像。

Combobox“No Dither”：抖动混合渐变的像素以模拟缺失的颜色。您可以检索有关此功能here的更多具体信息。顺便说一句，减少抖动的百分比会导致更高的图像。

考虑到所有这些变量，您可以在玩它们时看到总重量：