图片格式教程
不用懂技术也能看明白的三篇：怎么选格式、怎么做网站图标、怎么让图片不拖慢网页。
WebP、JPG、PNG 到底该选哪个？WebP、JPG、PNG 的区别、各自适合什么场景，以及什么图该转成什么格式——附带体积与画质的取舍建议。阅读 →网站 favicon 制作指南从一张图做出浏览器标签页上的小图标：favicon 需要哪些尺寸、为什么用 ICO、以及怎么避免图标糊成一团。阅读 →网页图片优化清单：8 个动作让页面快一倍不装插件、不改代码也能做的图片优化：选对格式、压对尺寸、懒加载、响应式图片，附具体参数建议。阅读 →图片压缩怎么调才不糊？图片压缩的参数到底该怎么填：质量多少合适、尺寸缩到多小、什么时候该换格式，给出一张可以直接照做的对照表。阅读 →透明背景图片完全指南透明背景的原理、哪些格式支持透明、转成 JPG 之后透明区域变白或变黑怎么办，以及做网页素材时的正确做法。阅读 →SVG 转 PNG 怎么才不糊？矢量图转位图的关键只有一件事——先定输出尺寸。讲清 SVG 转 PNG / JPG 的尺寸怎么算、什么时候该转 2 倍图。阅读 →各平台该用什么图片格式和尺寸各平台对图片格式和尺寸的实际要求：公众号、小红书、淘宝、微信头像、朋友圈封面的推荐格式与像素，附常见翻车点。阅读 →8 种图片格式一次讲清从 JPG 到 AVIF，把常见图片格式的来历、优缺点和适用场景讲一遍，并给出「什么情况用什么格式」的速查结论。阅读 →