我有一个 html 网站(纯 HTMl、CSS、JS)，我正在使用一些图像(主要图像 - 一些图标)作为主要图像(每个页面顶部的图像覆盖所有宽度) 每个大约 3000 x 1264 。
例如名为“cat”的图片，如果我使用“png”扩展，则大小约为 2MB，并且如果我使用“jpg”，大小约为 700KB，为了性能和速度，我会选择“jpg”，因为它大约小于“png”的一半，但我担心这可能会影响图像质量。
所以我想知道最好使用的不会影响性能和图像质量的扩展是什么？ 不必是“png”或“jpg”
最佳答案
网站的完美分机是 .svg 用于图标 .webp 用于图像(仅限 chrome)剪切加载时间。对于跨浏览器图像，请改用 .jpg。但是您需要使用软件来调整图像大小以使其变小，例如 photoshop。
关于html - 哪种图像扩展在质量和性能(速度)方面都更好？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47240069/