为什么Google Chrome加载的是JPG而不是Avif和WebP？
Google Chrome加载的是JPG而不是Avif和WebP的原因是因为JPG是一种广泛支持的图像格式，几乎所有的浏览器和操作系统都能够很好地解析和显示JPG图像。而Avif和WebP是相对较新的图像格式，虽然它们在图像压缩方面具有更好的性能和更小的文件大小，但是目前并不是所有的浏览器和操作系统都支持这两种格式。
JPG（Joint Photographic Experts Group）是一种基于有损压缩的图像格式，适用于存储照片和复杂图像。它具有广泛的兼容性，几乎所有的浏览器和操作系统都能够原生地支持JPG图像的解析和显示。JPG图像在保持较高质量的同时，能够实现相对较小的文件大小，这使得它在网络传输和存储方面具有优势。
Avif（AV1 Image File Format）和WebP是两种新兴的图像格式，它们都采用了先进的压缩算法，能够在保持较高质量的同时实现更小的文件大小。Avif是基于AV1编解码器的图像格式，而WebP是由Google开发的一种支持有损和无损压缩的图像格式。这两种格式相对于JPG来说，在相同质量下能够实现更小的文件大小，从而提高了网页加载速度和用户体验。
然而，尽管Avif和WebP在图像压缩方面具有优势，但目前并不是所有的浏览器和操作系统都原生地支持这两种格式。这意味着如果网页中使用了Avif或WebP格式的图像，那些不支持这些格式的浏览器和操作系统将无法正确解析和显示这些图像。为了确保网页的兼容性和可访问性，开发者通常会选择使用JPG格式作为默认的图像格式。
总结起来，Google Chrome加载的是JPG而不是Avif和WebP的原因是因为JPG具有广泛的兼容性，几乎所有的浏览器和操作系统都能够很好地解析和显示JPG图像。而Avif和WebP虽然在图像压缩方面具有优势，但目前并不是所有的浏览器和操作系统都支持这两种格式。为了确保网页的兼容性，开发者通常会选择使用JPG格式作为默认的图像格式。
腾讯云相关产品推荐：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和管理各类文件和多媒体资源。链接：https://cloud.tencent.com/product/cos
- 腾讯云图片处理（CI）：提供图像处理和转换服务，支持对图像进行裁剪、缩放、旋转、水印添加等操作。链接：https://cloud.tencent.com/product/ci
- 腾讯云视频处理（VOD）：提供视频上传、转码、截图、水印添加等功能，适用于视频存储和处理需求。链接：https://cloud.tencent.com/product/vod
相关·内容
所以，我需要一个画廊，有很多的图片，不同的大小。问题是，在某种程度上，手机需要很长时间才能加载图像。
我发现了WebP格式，它工作得很好，但事实证明WebP不受火狐浏览器的支持(还没有？)这是个大问题。
因此，我的问题是:我应该继续使用JPG/PNG图像格式，压缩和调整它们的大小，使它们在最大限度内保持在500 it到2mb之间，还是可以为Firefox浏览器用户提供解决方案？
我唯一的想法是以JPG/PNG格式制作所有图像，并以WebP格式复制它们，然后调用{Onerror}函数加载JPG/PNG图像，但它使网站的速度更慢，因为计算机从网站下载所有图像。
我有困难找出，什么是最好的格式/大
浏览 0提问于2018-12-22得票数 1
回答已采纳
使用ImageMagick，我试图调整JPEG图片的大小并缩小文件大小。
问题是我不想失去图像质量。
我尝试了以下命令：
convert -resize 170x80 -resample 100x100 image1.jpg image2.jpg
=>调整大小的图片，但质量不佳
convert -resize 170x80 -quality JPEG image1.jpg image2.jpg
=>调整图像大小和质量，但文件大小相同
convert -density 600 -resize 170x80 image1.jpg image2.jpg
=>调整大小的图像但质量很差
浏览 0提问于2019-09-27得票数 6
回答已采纳
我正在编写一个脚本(我的第一个脚本-fu)来将.jpeg导出到.avif和.webp，并且我想为web优化文件。在某个地方，我读到了从RGB更改为索引调色板的建议，所以我实现了过程gimp-image-convert-indexed。我本来期待更小的，网络优化的文件，但相反的发生了。输出结果产生了巨大的文件：
原版jpeg: 7.510 KB
导出的文件没有gimp-图像转换索引：
.avif: 95 KB
.webp: 2.052 KB
导出文件与gimp-图像转换-索引：
.avif: 6.337 KB
.webp: 19.393 KB
，我发送参数错误了吗？或者说，使用“gimp图像转换
浏览 14提问于2022-07-17得票数 0
下载图像时，使用sdwebimage，然后在图像下载器操作的- (void)URLSession:(NSURLSession *)session task:(NSURLSessionTask *)task didCompleteWithError:(NSError *)error {中打印
UIImage *image = [UIImage sd_imageWithData:self.imageData];
NSString *key = [[SDWebImageManager sharedManager] cacheKeyForURL:self.request
浏览 2提问于2017-04-21得票数 3
最近，我用WebP压缩的图片交换了我网站上的所有图像，页面洞察力的得分高达97。然而，我发现我的页面在IE、Safari和Firefox (除Edge和Chrome之外的所有其他主要浏览器)上都不能工作。
那么，谷歌为什么要发布这些不明智的信息呢？
浏览 0提问于2020-04-29得票数 3
回答已采纳
4回答
我试图压缩和调整大小的数码单反相机照片。但到目前为止，我观察到的是，当webp文件大小比JPEG小约30%时，webp的质量明显下降。
命令，用于使用imagemagick生成webp：
转换1.JPG -strip -quality 80 -resize 800 -define webp:method=6 1.webp
我的目标是获得至少20%的文件大小比JPEG的webp格式，而在JPEG和webp之间几乎没有质量上的差异。这是可以实现的，还是再没有免费午餐之类的东西？
浏览 0提问于2019-04-12得票数 6
3回答
谁知道如何在php中编写avif图像文件？对于webp文件，我有一个函数imagewebp。但是avif呢？
在不同的服务器上使用PHP版本7.4、7.1和7.2。
非常感谢
浏览 15提问于2021-01-25得票数 2
2回答
因此，我试图找出什么是最好的方式，以获得所有的图片在一个网页上，以尽快加载。我只想知道如果我有最好的方法是什么。
让我说一张1600x900图像，我想缩小到890x500。
方法1
<img src="myPic.png" height="500" width="890"/>
方法2
调整Photoshop或其他文件中图像的大小并使用：<img src="myPic.png"/>
方法3
调整Photoshop中图像的大小并使用：<img src="myPic.png" height=
浏览 5提问于2013-11-15得票数 1
使用OpenCV，每当我将图像(从照相机流中)保存为JPG到磁盘。磁盘上的文件大小(以字节为单位)与预期的JPEG质量不同。
但是，无论磁盘上的文件大小如何，每当我读取图像时，内存大小都保持不变。这是正常的吗？
而且，图像的磁盘和内存大小似乎有很大的不同。我原以为内存大小要小得多，相对于磁盘大小而言。
例如：
import sys
import cv2
cv2.imwrite('temp.jpg', frame, [int(cv2.IMWRITE_JPEG_QUALITY), 10])
# disk size of temp.jpg is 24kb
image = cv2.
浏览 1提问于2018-12-04得票数 1
回答已采纳
似乎有两种方法可以将WebP图像显示给支持它的浏览器。
使用HTML图片元素
<picture> <source srcset="image.webp" type="image/webp"> <img src="image.jpg"> </picture>
在HTTP服务器上检测。因此，请求/image和服务器通过http请求头检测客户端是否支持webp，是否服务webp映像，如果它不支持jpg映像。
哪种方法更好，每种方法的优缺点是什么？
浏览 2提问于2018-11-07得票数 4
回答已采纳
1回答
如何保存压缩画布
、、
所以我有这个上传脚本来保存我的画布，像这样的图片。
联署材料：
function save_as() {
var canvas = document.getElementById("originalCanvas");
var dataURL = canvas.toDataURL();
var filename = document.getElementById('SA_filename').value;
if(filename.length < 3) {
Cerror('filenameshort');
} else
浏览 2提问于2014-05-31得票数 0
回答已采纳
我正在用HTML5 + JS编写一个应用程序，在某个时候，我需要上传一个<canvas>元素的内容，该元素上有一些PNG文件。所以我在做：
$('#img').val(canvasElement.toDataURL());
如您所见，我没有为toDataURL函数提供参数，因此提取的图像将采用PNG格式。#img是一个文本输入(带有名称属性"img")，稍后用于将从画布提取的图像的base64表示上传到服务器。我使用AJAX来完成它，请求一个PHP文件，其中包含以下代码：
$data = explode(',', $_POST[&#
浏览 4提问于2014-03-18得票数 2
2回答
所以我有一个图像(PNG文件)，我想要缩放到90%，相对于我的网页。然而，这个PNG文件非常大，所以当它被缩放时，不仅需要几秒钟的时间来加载，而且还会占用RAM (我的计算机已经警告我它内存不足)。在这种情况下，我不需要所有这些图片质量，那么如何让图像以较低的质量呈现(以加快加载时间)，同时保持缩放并且不改变原始文件？
~谢谢
浏览 12提问于2015-06-20得票数 0
我阅读了几个关于这个主题的问题，我看到的一般反馈是，JPG是用于照片的，而PNG的是其他的：
在下列情况下应使用巴布亚新几内亚：
您需要透明度(1位或alpha透明度)
无损压缩将工作良好(例如用于图表或徽标，或计算机生成的图像)。
在下列情况下应使用JPEG：
无损压缩不能正常工作(如照片)。
需要全彩色
GIF应在下列情况下：
PNG是不可用的，例如在非常旧的软件或浏览器上。
动画是必要的
然而，这些讨论似乎更倾向于图像下载。我的问题是更适合于图像渲染。我计划在x和y两个方向重复一个背景..。
background-image: ur
浏览 3提问于2012-04-13得票数 2
回答已采纳
我有这张照片(我在SGS 9+上拍摄的照片)：。其大小为4032x3024，重量约为3MB。我用压缩了它，它的重量是1.3MB。对于PNG图像，我使用了，我看到的webp图像甚至比用压缩的要小得多。我期待类似的东西，尤其是我读了一篇文章，其中的WEBP要小得多，压缩了JPG。但是当我在各种在线图像转换工具中将我的JPG转换成WEBP格式时，我看到了1.5-2MB的大小，所以文件比我的压缩JPG还要大。我是不是遗漏了什么？WEBP不应该比压缩的JPG小多少？谢谢您的每一个答复。
浏览 2提问于2018-09-09得票数 16
3回答
我正在进行一个项目，在这个项目中，我使用GD库在PHP中编辑jpg的像素。它的非常关键，也是我的项目的关键，的输出保留了我设置的像素值(咳嗽-隐写-咳嗽)。
这是我第一次尝试在PHP中进行图像操作。我以前在Java实现方面没有任何问题，所以在进一步研究GD的jpeg压缩质量之前，我是愚蠢的。
结果是，经过我所有的努力，我的代码并没有按照它应有的方式工作。我很确定这不是我的代码(测试了编辑过的图像资源上的编码和解码功能，它们都起作用了)。
我的问题是：
我能看到的唯一问题是imagejpeg()的压缩，我能说的对吗？
是否有提供所需压缩的库？(保留我更改的像素值)
浏览 2提问于2011-07-03得票数 4
回答已采纳
我已经做了很长一段时间的网页开发人员，我习惯于将我所有的设计转换成png文件格式，以便建立我的网页。尽管与jpg相反，png允许图像透明，但它是更好的解决方案吗？
这个问题涉及页面加载时间和最佳网页设计实践，以及文件大小与图像质量的关系。
您认为最好的解决方案是什么？
浏览 0提问于2009-11-09得票数 68
回答已采纳
3回答
带srcset的图像源
、、、、
我想使用标签和3种图像格式。avif \ webp \ png.同时，不要忘记视网膜的显示。
此刻，我想出了类似于这样的格式：
<picture>
<source srcset="components/header/img/logo.avif, components/header/img/logo@2x.avif 2x" type="image/avif">
<source srcset="components/header/img/logo.webp, components/header/img/logo@
浏览 13提问于2022-02-09得票数 0
回答已采纳
我怎么能这么做？
ffmpeg -y -i input.mp4 -vcodec libwebp -lossless 0 -compression_level 0 -loop 0 output_lossless0_comp0.webp
和
ffmpeg -i input.mp4 -vcodec libwebp -filter:v fps=fps=20 -lossless 0 -compression_level 3 -q:v 70 -loop 1 -preset picture -an -vsync 0 -s 800:600 output.webp
导致大量的质量损失。
我在其他地方找到的所有
浏览 27提问于2022-02-12得票数 0
回答已采纳
2回答
我有一个网页画廊，在那里我显示不同的文件大小和用户上传的分辨率的图像。目前所有的图像都是基线。所以我想知道如果我把它们转换成渐进式的图像，它是否真的会有任何重大的影响。使用渐进式图像的优点和权衡是什么？
浏览 4提问于2016-12-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
