问题标签 [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 投票
0 回答
37 浏览

symfony - Symfony2 图像优化

我有一个用 symfony2 开发的网站。它充满了图像。但现在的问题是,加载图像需要花费太多时间。有没有简单的方法可以用一个命令压缩所有图像?我已阅读此文档链接 ,但似乎需要为树枝模板上的每个图像放置 {% image %} 标签。我不想这样做,因为我在 100 多个文件中有图像标签。所以请建议我一个简单而好的方法来做到这一点。提前致谢。

0 投票
1 回答
1599 浏览

image - 为什么我的 favicon.ico 文件比其各部分的总和大得多?

我创建了一个 favicon.ico 文件,其中包含三种尺寸的 .png 图标大小,16px、32px 和 64px。

在我的 Mac Finder 中,使用 ImageOptim 优化它们后,它们的大小分别为 339b、1kb 和 4kb。所以让我们也许四舍五入到 6kb?

但是,当我运行这个 ImageMagick 命令时:

生成的 .ico 文件为 22kb!

这是一个非常大的文件并且出乎意料。

我做错了什么?我该怎么做才能使它变小(如果有的话)?

0 投票
1 回答
93 浏览

seo - 如何在博客中为图像添加 alt 标签

我开始知道我们可以使用 alt 标签来获得更好的 seo,但我对在我的图像中使用 alt 标签感到困惑。

我的意思是我们可以在 facebook-tips-tricks 之类的关键字之间使用 - 符号,还是应该只使用 facebook-tips 技巧。

我开始知道谷歌也会抓取图片,但我们如何才能有效地在博主帖子中的图片中实现。

0 投票
2 回答
5690 浏览

http - Does using image sprites make sense in HTTP/2?

The bundling of JS and CSS files won't be necessary in HTTP/2, but what about image sprites?

Looking at the demo it seems that it already works way faster than HTTP/1.1, but won't bundling images into sprites make it even faster? I mean, won't the PNG's optimization algorithms work better when all the data is in a single file?

0 投票
1 回答
621 浏览

ruby-on-rails - 优化/压缩使用 refile 上传的图像

有没有办法优化通过 refile 上传的图像?我使用 CDN,因此文件大多只创建一次,但我希望对它们进行优化以节省带宽。

我使用 Mini Magick 进行图像处理,但这也可以用于减小文件大小/优化吗?

0 投票
1 回答
197 浏览

photoshop - 为 web 保存径向渐变 (photoshop)

我有一个 .psd 文档,其中包含我想用于网络的径向背景(开始和结束颜色是 2 种灰色阴影)。我尝试以不同的格式为网络保存这个背景:gif、jpg(100% 质量)和 png。但是,结果看起来都很糟糕,颜色之间没有平滑的过渡,我可以清楚地看到不同的圆圈。

有没有办法让我以看起来类似于原始高质量 .psd 的方式将它保存到网络上?

0 投票
0 回答
674 浏览

jpeg - JPG 和 PNG 压缩,PHP 和 Ubunutu 与 jpegtran 和 pngcrush

我有数百张图像需要优化和压缩。我在 github 上找到了以下脚本:https ://gist.github.com/ryansully/1720244可以正常工作。然而,压缩后 jpg 的文件大小并没有小很多。

例如,压缩前的一个文件是870.24 KB,压缩后是724.97 KB. 但是,如果我通过compressjpg.com运行相同的图像,它会将文件大小减小到290 KB.

如何使用 jpegtran 实现这种级别的压缩?甚至可能吗?

0 投票
3 回答
1716 浏览

python - 使用 Python Flask 和 Azure Blob 优化和调整从用户收到的图像

我在我的网络应用程序(Python Flask)上从用户那里获得扫描/拍摄的图像,这些图像又存储在 Azure Blob 中。我需要将所有图像概括为标准分辨率,同时减小文件大小。 我打算在这些图像上应用 OCR,因此保持图像质量也很重要。

在图像存储在 Azure Blob 之前,我需要在我的服务器(python 烧瓶)上执行此操作。我发现像picopt这样的库并没有直接解决这个问题。还有一些可用的脚本可以从控制台调用,但我每次都需要自动执行它们。

抱歉在这里太天真了,但任何人都可以提出解决方案,以便我可以在 python 烧瓶应用程序中执行此操作吗?

我正在阅读文件file = request.files['file']。我想在不保存的情况下对图像进行处理,因为我会将其存储在 Azure Blob 中。

目标

  • 单色图像(二值化)
  • 图像压缩
  • 保留纵横比
0 投票
1 回答
639 浏览

python - 降低文件夹中 DDS 图像的分辨率

我最近以 170 美元的价格购买了一台中文 Windows 平板电脑;它有一个Intel Atom X5 Z8300 CPU,这是去年推出的低端Intel Atom。我可以在 Roblox.com 上运行大多数游戏,但有些游戏需要大量脚本或非常详细(例如Phantom Forces),而我的中文平板电脑无法以理想的帧速率运行它们。

我的解决方案是降低 Roblox 获取的纹理的分辨率。我更喜欢用 Python 来做这件事,因为我可以让它变得更快,并与 Roblox 社区分享我的创作。

所以这是我到目前为止所拥有的:

但我有一些问题:1)PIL 不支持 DDS 图像,这是 Roblox 用于其大多数纹理的 2)这不会探索我给它的文件夹的子文件夹 3)我不知道 Roblox 是否纹理必须是 1024x1024,或者如果我将它设置为 256x256 之类的东西,它会拉伸它,我真的不知道。

那么如何在 Python 中操作 DDS 图像分辨率呢?

0 投票
2 回答
717 浏览

javascript - 将 mod_pagespeed 与本机 node.js 服务器一起使用

我一直在寻找优化图像以获得更好性能的解决方案。

在尝试了一些解决方案(如sharpimagemin,它们导致文件永远不会变小,有时会变大)之后,我现在正在尝试使用 Google 的页面速度。不幸的是,pagespeed 似乎只支持 Apache 和 Nginx,我不想将它们添加到我的堆栈中只是为了图像优化(此外,我更愿意在上传时进行一次优化,而不是在服务器请求时进行优化,即使缓存也是如此)。

我将非常感谢任何可能帮助我在本机 node.js 中实现此功能的信息,以及任何其他(工作!)图像优化建议。