问题标签 [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 回答
2108 浏览

android - ios和android中的whatsapp和instagram等图像优化

任务:- 像 Facebook 和 WhatApp 一样优化图像?在不丢失图像质量和尺寸的情况下,将图像上传到在 android 和 ios 中优化大小的服务器。

我见过很多代码,例如本机图像压缩 (UIImageJPEGRepresentation(viewImage, 0.8)),但我无法获得正确的结果。

有人可以向我推荐 iOS 和 android 中的任何算法或库,通过它们我们可以优化图像而不会降低质量。

我已经访问过的链接:

iOS

  1. 使用 iPhone SDK 调整/优化图像大小的最简单方法是什么?

安卓

  1. https://abdelhady.net/2015/03/28/android-loading-images-super-fast-like-whatsapp-part-2/
  2. https://gist.github.com/vipulasri/0cd97d012934531f1266
  3. http://voidcanvas.com/whatsapp-like-image-compression-in-android/
0 投票
1 回答
429 浏览

c - 图像抽取 (C++) 的更快(优化)解决方案

我正在寻找一种更快的方法来处理以下 C 代码。我有一张 640x480 的图像,我想通过删除图像中的所有其他行和列来将其抽取 2 倍。我在下面附上了代码。有没有更好的方法来优化代码。

0 投票
1 回答
672 浏览

image-processing - 针对 Google 页面速度优化图像

我正在尝试优化我网页中的图像以适应谷歌页面速度测试。但我不知道如何使用谷歌提供的工具压缩文件,以达到谷歌想要的大小。

因此,我通过以下命令将 jpegoptim 和 jpegtran 用于 jpeg: jpegoptim.exe FILENAME jpegtran.exe -copy none -debug -optimize -copy none -outfile FILENAME FILENAME

其中 FILENAME 是 img 文件的完整路径。在大多数情况下,文件会小一点,但如果我从谷歌下载它(通过 PageSpeed Insights Tool),文件不会那么小。谁能帮我找出正确的参数或其他工具(在 Windows 上工作)给我完美的结果(或谷歌接受的结果)。

提前谢谢,J. Doe ;)

0 投票
1 回答
200 浏览

html - 如何创建有效的标题图像以适应所有屏幕尺寸而不会出现像素化

我一直在我的笔记本电脑上创建一个网站。我将标题图像的宽度保持为 100%,高度保持为 400px。我使用在线和离线优化工具优化了从 800 px x 600 px 到 1920 px x 1800 px 大小的图像,以降低到 20 Kbs 左右。无论哪个在我的屏幕上看起来不错,我都会使用它们。但是图像在更大的屏幕上会降低质量。

我想我的方法完全错误。

我不知道如何让我的标题图像在所有屏幕上都具有超高品质,而又不超过 20 kbs。(我相信相对于加载速度而言,页面上每个图像的权重相当不错)。我在这里可能完全不合时宜。我需要知道专业的开发人员和模板如何设法拥有那些完美的低重量高质量图像。它完全是一个 Photoshop 过程还是还有其他一些方法?

我指的页面在这里http://www.mylaundrywla.com

0 投票
0 回答
1865 浏览

css - 我们可以优化巨大的 Woff2 文件吗?

我有 3 个巨大的 woff2 字体文件(由于业务需求)。一个文件大小为 2MB。我在某处读到 woff2 默认是压缩的,所以 gzip 对我没有帮助。那么有什么方法可以优化它或使它更轻吗?

0 投票
2 回答
969 浏览

pagespeed - 谷歌的页面速度测试认为我应该优化我的图像超过目前的图像大小

我真的对这个感到困惑,因为这似乎是不可能的。

通过 GTMetrix 运行我的网站时,我表现出色,但通过 Google 页面速度洞察力,它坚持我的图像可以进行更多优化,例如:

压缩和调整 mysite.com/…ets/img/homepage/my_image.jpg 可以节省 78.5KiB(减少 94%)。

有问题的图像是 65KiB,所以 Google 认为我可以如何将其再剃掉 78.5 我不知道。

我正在使用 jquery 揭开并在其上使用视网膜功能,这可能是问题吗?

此外,我尝试下载 Google 提供的图片作为压缩版本,但这些图片的尺寸已更改,因此如果我将它们按预期尺寸放置,它们看起来会很糟糕。

真的很困惑,任何帮助将不胜感激。

谢谢

0 投票
1 回答
528 浏览

ruby-on-rails - ImageOptim::BinResolver::Error: Bin 解析错误:remote: pngout worker; 使用 image_optim,image_optim_rails 推送到 Heroku

我的环境中的 buildpacks 如下

我正在尝试将image_optimimage_optim_railsimage_optim_pack添加到我在 Heroku Cedar-14 上运行的 Rails 4.1 应用程序中

当我尝试仅使用 image_optim 推送到我的环境时,我能够成功完成构建。添加此宝石时

gem 'image_optim_rails' 并捆绑安装它,然后再次推送到 Heroku,我在构建阶段崩溃了

0 投票
0 回答
30 浏览

image-optimization - 如何将网站上的图像大小优化到像苹果一样小?

苹果如何能如此缩小图像尺寸并控制其质量?

例如:http: //images.apple.com/v/ipad/home/y/images/home/accessories_xlarge.jpg

这是一张2560x800px的大图,只有218kb,画质不错!

我尝试了一些工具,比如https://tinypng.com/,它可以进行巨大的优化,但会降低图像质量。

所以还是想不通苹果用的是什么工具,请大家帮帮我~~~

非常感谢!(请原谅我糟糕的英语> <)

0 投票
1 回答
59 浏览

image - 图片加载后如何自动优化?

假设我有一个带有 input 的表单type="file"。有什么方法可以在触发 onchange 事件时自动优化图像?我不确定这是否可能,但我知道在 WordPress 生态系统中有很多插件可以在加载时自动优化每个图像。我还想知道在哪里执行优化更好:在客户端还是服务器端?如果重要,PS 应用托管在谷歌云平台上

0 投票
1 回答
594 浏览

php - 在php中优化图像时找不到这样的文件或目录

我正在上传图像和我正在优化的图像,但我收到错误“没有这样的文件或目录”。我收到以下代码的错误。

如果我写$source_img = 'assets/img/login-bg.jpg';,那么它正在工作。我想上传图片然后优化它。

我收到错误

HTML

php