我有一个html网站（纯HTMl，CSS，JS），我使用一些图像（主图像 - 一些图标），用于主要图像（每页顶部的图像覆盖所有图像）宽度）每个约为3000 x 1264。
例如名为＆＃34; cat ＆＃34; ，如果我使用＆＃34; png ＆＃34;扩展名大小约为 2MB ，如果我使用＆＃34; jpg ＆＃34;大小约为 700KB ，对于性能和速度，我会选择＆＃34; jpg＆＃34;因为它不到＃34; png＆＃34; ，但我担心这可能会影响图像质量。
所以我想知道什么是最好的扩展使用不会影响性能和图像质量？ 它不一定是＆＃34; png＆＃34;或＆＃34; jpg＆＃34;
答案 0 :(得分：0)
对于图片 .svg ，图片 .webp 的图片（仅限Chrome）可以减少加载时间。对于跨浏览器图片，请改用 .jpg 。但是你需要软件来调整图像的大小以使其变小，例如photoshop。
答案 1 :(得分：0)
取决于。例如，对于需要透明度的图形元素的照片，PNG，JPG通常是一个很好的折衷方案。
一般来说，网页的2MB图像太多了。您必须在质量和重量之间进行折衷，并使用压缩工具，例如ShortPixel。
答案 2 :(得分：0)
他们都有自己的用途。
JPEG
JPG已经成为互联网事实上的标准形象，因为它们可以被压缩得那么多。典型的JPG可以按照从2：1到高达100：1的比例进行压缩，具体取决于您的设置。特别是在拨号上网时代，JPG是发送图像信息的唯一可行方式。
然而，由于JPG的有损性质，它不是存储艺术文件的理想方式。即使是JPG的最高质量设置也会被压缩，如果只是轻微的话，它会改变图像的外观。 JPG也不是排版，清晰线条甚至是边缘锐利的照片的理想介质，因为它们经常被消除锯齿模糊或模糊。更糟糕的是，这种损失可能会累积 - 保存多个版本的艺术品会导致每次保存都会降级。即便如此，通常会将这些内容保存为JPG，因为文件类型无处不在。
PNG
PNG支持像GIF一样的8位颜色，但也支持24位彩色RGB，就像JPG一样。它们也是无损文件，在不降低图像质量的情况下压缩照片图像。 PNG往往是三种文件类型中最大的，并且一些（通常是较旧的）浏览器不支持。
除了是一种优秀的透明格式外，24位PNG的无损特性非常适合屏幕截图软件，允许像素再现桌面环境。