【图文测试】把山与湖放进一篇文章
这是一篇公开的图文排版测试,用来检查封面、正文图片与手机阅读效果。图片为已获许可的摄影素材,并非站主个人旅行记录。
从一张横图开始
山脊、树木和水面有不同的细节。把它们放进同一张照片,可以同时观察大块色彩与细小纹理在手机屏幕上的表现。正文保持原有的阅读宽度,图片沿着文字自然展开。

这张照片以水面为中心,横向画幅保留了两侧的树林。点击图片可以打开大图;返回文章后,继续从原来的位置阅读。
多一张图,多一种阅读节奏
第二张照片把视线带进森林。密集的叶片与树干适合检查压缩后的纹理:缩到手机宽度时,画面应该清楚,文件也应尽量轻。

图文之间保留一段完整的说明,比连续堆放照片更容易理解。每一张图都写了替代文字,即使图片暂时没加载出来,也能知道这里原本展示的内容。
在手机上继续阅读
- 封面在文章列表中提供清楚的入口。
- 正文照片随页面宽度缩放,保留原有比例。
- 点击大图后,可以在同一篇文章的照片之间切换。
- 关闭看图后,可以继续阅读下面的段落。
这篇内容会作为公开测试文章保留,便于比较之后的排版变化。
图片来源
湖景摄影:Lars Mai / Pexels。森林摄影:Luis del Río / Pexels。图片已按本站上传设置生成压缩副本。
交流与评论 0
还没有评论,欢迎留下第一条想法。
登录后即可参与评论或回复。登录后评论