大图使网页变慢答案

【问题标题】：Large image making webpage slow大图使网页变慢
【发布时间】：2015-08-28 16:50:33
【问题描述】：

我有一张大图，想用于我网站的食物菜单。我不想尝试复制它，除非这是我唯一的选择。目前该图像是我在 Illustrator 中制作的 3.9MB.png 文件。我想保持图像的质量并使其在所有平台（平板电脑、笔记本电脑、手机）上通用。

【问题讨论】：

我建议对 SVG 进行一些研究 - 它们是 Ai 制作图形的完美解决方案，独立于分辨率，尺寸轻巧且对网络友好
谢谢，我会的！是否可以在 AI 中打开 .png 并将其转换为 SVG 以获得特权？
没有。 PNG 和 JPEG 等图像是 raster 图像，而 SVG 是 vector。搜索和学习。
https://css-tricks.com/using-svg/ - 应该给你一个很好的起点，让你开始在 web 项目中使用 svg。你说你在 Illustrator 中制作了这个文件，你可以简单地将它保存为 svg 文件。 SVG 对图形很有用，但如果你试图用照片制作矢量，这不是一个好主意，而且你最终会得到同样大的文件。

【解决方案1】：

再次打开图像，这次使用**文件->保存为网络选项** 选择 Jpeg 和质量级别到高或非常高图像文件大小将减小，但不会影响其清晰度。

【讨论】：

【解决方案2】：

使用任何在线工具（如https://tinypng.com/）优化 png。

【讨论】：

【解决方案3】：

我建议您可以将其转换为 jpg 文件类型。

3.9mb 对于网页来说太大了，尤其是对于平板电脑。但是，转换成 jpg 类型后，质量并没有你想象的那么大。为什么不先尝试 jpg，因为 jpg 非常适合网络图像。

抱歉，我没有很好的回复格式，因为我是用手机回答的。

尝试 jpg 并祝你好运。

【讨论】：