搜索内容

图片展示模块的排版技巧

· · 约 1 分钟
246 0
文章目录4 节

图片展示类内容最怕两件事:封面比例不一致、正文图片过大。前者让列表显得凌乱,后者拖慢移动端加载。

统一封面比例

建议所有文章封面使用 4:3 或 16:9,宽度不低于 800px。主题会自动裁切,但源图比例统一时,列表观感最整齐。

正文图片控制宽度

正文图片宽度建议不超过内容区 100%,并压缩为 WebP。单张图片控制在 200KB 以内,长图可以切成多张。

给图片写 alt

alt 不是可选项。用一句具体的话描述图片内容,既能帮助无障碍阅读,也能让图片搜索带来额外流量。

留白比堆满更重要

图片之间保留 16px 以上间距,段落与图片之间留出呼吸空间。视觉上的克制,往往比增加装饰更高级。

发表评论

邮箱不会公开。必填项已用 * 标注。