问题标签 [image-optimization]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2566 浏览

performance - 如何首先加载低质量图像以更快地下载网站?

我正在开发 Asp.net MVC3 Web 应用程序。我在哪个 appx 上有一个页面。正在加载 100 张不同大小的图像,总共 appx。大小为 1.5MB。

我将努力将这 100 个图像分发到多个主机名,以使其稍后加载更快。但现在我需要你的帮助来优化图像的加载速度。而且我真的不能将 Sprite 用于这些图像。

我特别有兴趣实现一些可以在第一次加载时加载降级图像的东西,然后随着越来越多的字节被下载而逐渐提高图像质量。所以基本上它会首先加载低质量的图像,然后随着更多字节的下载图像质量会提高。

更新: 我见过几个网站可以优雅地加载图像,这意味着一开始它看起来非常粗糙,然后随着时间的推移随着下载的深入,它们的质量会有所提高。

他们是如何做到的呢?

0 投票
1 回答
712 浏览

ios - 如何为我的 iOS 应用程序图像做 PngCrush?

可能重复:
iOS 中的 PngCrush 是什么?

我对 iOS 应用程序Pngcrush的图像优化技术有 疑问我的疑问是,pngcrush 是 xcode 内置的还是我们需要明确下载 pngcrush 工具并优化我们的图像?如果我们想明确地做到这一点,我们怎样才能做到这一点?

0 投票
3 回答
3959 浏览

objective-c - iOS 中的 PngCrush 是什么?

我知道 Pngcrush 是 iOS 中的一种图像优化技术,但我怀疑 X-code 是否会在每次构建期间内部执行此操作,或者在将我们的应用程序部署到 iTunes 商店之前,我们需要进行此图像优化吗?

0 投票
4 回答
2706 浏览

python - 图像优化(使用 Python 的 Google App Engine)

我还没有找到我正在寻找图像优化的类似问题。

我测试了 Facebook 可以优化多少上传的图片:

980KB --> 77KB

846KB --> 62.1KB

根据我的发现,Facebook 能够将图像优化多达 10 倍,同时仍然保持一些最低图像质量,就像上面的测试一样。

那么,任何人都可以分享您为优化用户上传的图像而实施的最佳方法是什么?

当我在互联网上搜索时,我看到一些网站提供有偿图片优化服务。但是,我们不希望在现阶段订阅任何用于图像优化的付费服务。

我正在 Google App Engine 环境中使用 Python 语言开发项目。我们可以从 Python 库甚至 Google App Engine 库中重用的任何部分来实现这一点?

0 投票
1 回答
957 浏览

objective-c - 如何使用 Cocoa 压缩 PNG 图像?

所以,这就是我需要的:

  • 拿一个NSImage
  • 尽量压缩(无损压缩,质量没有明显下降)
  • 将其保存回磁盘

过去,我尝试使用 OptiPNG - 作为编译的二进制文件(并异步获取结果) - 这很有效。

但是,如果我不想要带有外部应用程序的类似终端的解决方案,而是想要更多 Cocoa-native 的解决方案怎么办?

有任何想法吗?

0 投票
2 回答
498 浏览

macos - 将 pngquant 与 AppleScript 一起使用

任何人都可以共享一个使用 pngquarnt 优化文件夹中图像的苹果脚本。甚至可能是一项有用的 Apple 服务。

注意:有一个终端命令可以做同样的事情,但我说的是一个新手,他可以右键单击包含图像的文件夹并优化它们。

0 投票
4 回答
40564 浏览

php - 使用 php (jpeg) 优化上传的图片

在 Google Chrome 中运行 Page Speed 时,它建议优化/压缩图像。这些图片大部分是用户上传的,所以我需要在上传的过程中对其进行优化。我发现使用 php 优化 jpeg 图像类似于使用以下 GD 函数:

由于我在上传后调整图像大小,因此我已经通过这些函数拉取图像,此外我还使用imagecopyresampled()afterimagecreatefromjpeg()来调整它的大小。

但是,Page Speed 仍然告诉我这些图像可以优化。如何在 php 脚本中完成此优化?在 imagejpeg() 中设置较低的质量也没有什么区别。

0 投票
2 回答
443 浏览

php - 使用 PHP 将图像优化为 YSlow 标准?

我一直无法找到这个问题的明确答案。

我想无损地优化我的图像(主要是 jpg),使其满足 YSlow 的图像优化标准。我无法确定需要采取哪些步骤来执行此操作。

我知道像 smush.it 这样的服务,但我不想依赖 API 或服务。

基本上我正在寻找的是根据 YSlow 的标准优化图像的步骤列表。

仅仅使用GD和改变质量是不够的,我还需要做什么?

0 投票
1 回答
571 浏览

optimization - 使用 ImageOptim 进行*无损* PNG 优化会产生不同颜色的图像

谷歌的 PageSpeed 工具告诉我优化我的 PNG 图像,这些图像是在 Photoshop 中为网络保存的。在研究了无损 PNG 压缩选项后,我下载了 ImageOptim 并通过它放置了一些图像。结果的颜色与原始颜色大不相同,这似乎表明这种压缩实际上是有损的。有什么建议么?

原图:

原始图像

ImageOptim 之后:

ImageOptim 之后

0 投票
2 回答
152 浏览

iphone - 图像优化减少加载时间?

今天我搞砸了 UIImageView。实际上我试图将(15.5MB)大小的图像添加到 UIImageView 中。使用 UIGraphicsBeginImageContext 我成功添加了图像(由于图像大,过程有点慢)。

之后,我尝试使用ThisCode更改图像的亮度和对比度

由于图像尺寸较大,过滤器的工作速度也很慢:-<。

我担心加载时间。

现在我有一个问题,图像优化会减少处理时间吗?我知道它会减小图像的大小。它会减少将图像加载到 uiimageview 所需的时间吗?