图片展示类内容最怕两件事:封面比例不一致、正文图片过大。前者让列表显得凌乱,后者拖慢移动端加载。
统一封面比例
建议所有文章封面使用 4:3 或 16:9,宽度不低于 800px。主题会自动裁切,但源图比例统一时,列表观感最整齐。
正文图片控制宽度
正文图片宽度建议不超过内容区 100%,并压缩为 WebP。单张图片控制在 200KB 以内,长图可以切成多张。
给图片写 alt
alt 不是可选项。用一句具体的话描述图片内容,既能帮助无障碍阅读,也能让图片搜索带来额外流量。
留白比堆满更重要
图片之间保留 16px 以上间距,段落与图片之间留出呼吸空间。视觉上的克制,往往比增加装饰更高级。