【问题标题】:How to reduce size of Large(ish) image for web page download如何减小网页下载的大(ish)图像的大小
【发布时间】:2011-05-29 02:49:03
【问题描述】:

我有一个使用大图像作为背景的网站。这是一个大小为 134KB 的 jpeg - 到目前为止,我真的无法得到它。我已在 Photoshop 中以低质量 jpeg 设置将其保存为网络。它的尺寸是:1920 x 1028。

如何进一步缩小尺寸?

我可以将它调整到非常小的大小,并使用图像标签中的宽度和高度属性调整它的大小 - 只要纵横比相同?

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

【问题讨论】:

  • 如果您对较小分辨率的低质量没问题,这似乎是一个不错的选择 - 调整它的大小,然后在渲染页面时放大它。
  • 如果我们能看到实际图像,可能会有更好的解决方案。
  • 我使用 OptImage mac 应用程序来减少 JPG,有一些可用的。但是对于 1920 x 1028 134kb 的图像来说似乎没问题。

标签: html optimization photoshop


【解决方案1】:

不知道图片我可以提供不同的方式:

1) 如果您不希望您的图片在背景中过于突出,请尝试对其进行模糊处理(可能很多 - 取决于图片!)-> 然后您可以使用更高的压缩率而不会看到太多伪影。

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

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

我使用大约 55Kb 的 1280x1024px bg-images。

希望这会有所帮助。

【讨论】:

    【解决方案2】:

    【讨论】:

    • 谢谢,但我已经尝试过了 - 我最多可以得到 1.3KB
    • 对于在 PS 中使用 Save for Web 保存的图像,反正已经很少有不必要的元数据了。
    【解决方案3】:

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

    • 在显示时调整它的大小(使用 <img src="xxx" height="200%" width="200%"> 之类的东西)
    • 平铺

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

    【讨论】:

    • 这是一张照片。由于图像的类型,它有点像素化,所以质量不太重要
    【解决方案4】:

    我肯定会建议调整图像大小但保持纵横比。越小越好。但是请记住,您选择的尺寸越小(小于 1:1),图像质量就会降低。话虽如此,对于大多数背景,通常图像质量并不是必须超高的。

    【讨论】:

      【解决方案5】:

      使用 Photoshop 调整大小并根据您的需要制作,例如 1024*800 或任何您想要的,然后将其保存到网络和设备上,并减少 jpg 的优化值希望它可以工作。

      【讨论】:

        【解决方案6】:

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

        唯一可能的方法是将图像拆分为子图像,并使用不同的设置(“切片”)压缩它们。大的同质区域可以以大大降低的质量保存而没有太多可见的损失,而细节区域可以保留更高的质量。我认为 Photoshop 已经为此提供了 ImageReady。

        【讨论】:

          【解决方案7】:

          如果可能,请将其保存为 GIF。 GIF 通常比 Jpeg 小。

          【讨论】:

            【解决方案8】:

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

            【讨论】:

              【解决方案9】:

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

              【讨论】:

                【解决方案10】:

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

                【讨论】:

                  【解决方案11】:

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

                  如果您有很多图像,那么它可能会占用您服务器的处理器。

                  【讨论】:

                  • 我正在 gzip 压缩 - 但 gzip 压缩并不能真正压缩 jpeg。
                  • -1 那是浪费时间;网络上常见的图像格式(JPEG、GIF、PNG)都已经被压缩了,gzip 压缩它们最多会减少 1% 左右的大小。
                  • 在不降低图像质量、减小尺寸或更改图像格式的情况下,您无能为力。
                  • @sleske,这只是一个建议。除了我在上面的评论中提到的之外,他真的没有什么可以做的来降低尺寸。
                  • 是的,但这是一个实际上可以保证弊大于利的建议。这不是一个好的建议。
                  猜你喜欢
                  • 2012-08-09
                  • 1970-01-01
                  • 2012-11-08
                  • 2019-07-27
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 1970-01-01
                  • 2017-02-06
                  相关资源
                  最近更新 更多