每个网站都有一些 .png 图像，如 Logo 、图标等。
我有一个想法。那就是创建这些图像的字体。我的意思是我可以创建我网站 Logo 的矢量图像并将其转换为 .ttf 或 .svg 文件(一种字体)。因为字体的大小比 png 小得多，而且我还可以设置它的颜色、大小、边框等。
那你觉得我的想法怎么样？将所有 png 转换为字体是个好主意吗？
最佳答案
考虑到字体有一些限制，例如每个图像只能是一种颜色，并且它们是从矢量而不是像素构建的。您的网站上可能没有那么多满足此要求的图片。
另一方面，Svg 确实支持字体所缺乏的，并且还具有 pretty good browser support因此，如果它没有太多形状(浏览器必须即时将其转换为像素，这需要一些处理)并且它实际上会减少图像的文件大小，我建议使用它。 您不能真正将 png 文件转换为 svg 文件，因为很难从像素数据中准确推断出矢量。如果您有矢量格式的原始图像，例如 .ai (Adobe Illustrator)，那么您可以使用它来获取 svg 图像。
旁注，如果您有兴趣进一步降低带宽，请查看 webp用于替换基于像素的图像。浏览器支持不是很好(只有 Chrome、Opera 和 Android)，所以你仍然必须使用你当前使用的作为后备类型。将其实现到您的网站中也需要一些努力。
关于html - 制作.png文件的.ttf文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37765821/