Guides
格式怎么选、HEIC 怎么转、报名照片怎么弄：把图片处理的常见问题讲清楚
四种主流图片格式的压缩原理、体积差异与浏览器支持对比：照片用 JPG/WebP/AVIF，截图图标用 PNG，动图用 WebP。附实测体积数据与选择建议。
约 6 分钟更新于 2026-08-23阅读
HEIC 是 iPhone 默认照片格式：HEIF 容器 + HEVC 编码，同画质体积约为 JPG 一半。解析它与 JPG 的差异、兼容性问题与转换方法。
约 4 分钟更新于 2026-08-23阅读
考试报名、证件办理的照片要求通常围绕三个维度：像素尺寸（如一寸 295×413）、文件大小（如 20KB-200KB）、背景色（白/蓝/红）。给出合规操作流程与常见被拒原因。
约 5 分钟更新于 2026-08-23阅读
微信默认对聊天图片再压缩：长边压到约 1280px、体积缩到几百 KB。解释压缩机制与画质损失原因，给出发送原图、文件传输、收藏等绕过方法的实测对比。
GIF 体积由四个因素决定：帧数、尺寸、颜色数（2-256 色）、编码方式。逐项说明压缩手段与效果，以及把 GIF 转成动画 WebP 后体积能再降多少。
1MB = 1024KB，手机照片通常 2MB-12MB。解析图片体积的决定因素，以及把图片精确压到 100KB/200KB/500KB 的原理。
用真实照片实测 WebP 与 AVIF 的体积差异：同画质 AVIF 再小约 20%，但编码慢数倍且 Safari 16.4 之前不支持。给出不同场景的选择建议与浏览器支持数据。
淘宝/天猫主图 800×800 起步、京东 800×800、拼多多 750×750，详情页长图建议切片。汇总主流平台图片要求，说明白底图制作、体积控制与加载速度对转化的影响。
屏幕显示只看像素尺寸（如 1920×1080），DPI 只对打印有意义（300dpi 是印刷标准）。解析三者关系、常见误区与按用途换算目标像素的方法。
图片通常占网页流量的 50% 以上，是 LCP 优化的第一抓手。一份可执行的完整清单：选对格式与尺寸、srcset 响应式、懒加载、缓存策略，以及把压缩接入构建流程的方法。
公众号封面 900×383、抖音 1080×1440、B站 1146×717、小红书 1080×1440：主流平台封面与头像的推荐尺寸与大小限制。
约 5 分钟更新于 2026-08-24阅读
一寸 295×413、二寸 413×579、护照 33×48mm、美签 51×51mm、申根 35×45mm：常用证件照与签证照片的尺寸、背景色与文件大小要求。
约 6 分钟更新于 2026-08-24阅读
JPG 画质数字不是「保留百分之多少的质量」，而是量化表的缩放系数。解析画质 75 为何是甜点区、80 以下体积断崖、以及逐张微调的正确姿势。
约 5 分钟更新于 2026-08-30阅读
PNG-8 最多 256 色但体积可小 70%，PNG-32 支持千万色与平滑透明。解析两种 PNG 的编码差异、调色板量化原理，以及什么时候该把 PNG-32 转成 PNG-8。
手机加载 3MB 桌面大图是移动流量的头号浪费。用 srcset + sizes 让浏览器按需选图，配合 picture 做格式回退，附可直接套用的代码模板。
约 6 分钟更新于 2026-08-30阅读
AVIF 比 WebP 再小 20%，但 Safari 老版本不支持。梳理各浏览器支持版本线、真实覆盖率数据，以及用 picture 回退安全上线的完整方案。
favicon.ico、PNG 32x32、apple-touch-icon 180x180、Android 192/512：各尺寸用途与 manifest 配置，附两套方案。
原生 loading="lazy" 一行搞定懒加载，但首屏图误用会拖慢 LCP。讲清适用边界、尺寸占位防 CLS、以及什么情况下不该懒加载。
约 4 分钟更新于 2026-08-30阅读