• 标题图大小:1400px*600px
  • 标题图片内容大小:500px*500px
  • 内容图片大小:860px*自动适应

为什么这么做?

Ghost博客的文章标题图片在不同大小的屏幕上会显示不同的图片范围,并且图片设置是不缩放的,所以在手机这种小屏幕上时,图片两边会被裁剪,导致图片内容显示不完全,所以在设计图片时需要注意留白,内容尽量放在图片中间;内容图片设置最大宽度是因为文章文字的最大宽度为920px,但是图片最大宽度是1140px,这样在图片宽度大于920px时,会导致图片和文字排版左对齐差异,所以内容配图必须要小于920px,实际我测试在860px时图文布局非常规整。