一张图两个比例,只能各自取舍
想让信息流(4:5)和主页(1:1)都好看,唯一稳的做法是:把主体放在画面正中,四周都留出余量。 如果你只想出一张图,那先把方形那一版看一遍 —— 因为主页是别人决定要不要点进你帖子的地方。
这个页面不声称知道界面遮挡
方形展示位没有需要标出的固定遮挡区,所以我们不标。这里只做几何:你的图放进 1:1 会保留哪一块、 裁掉多少像素,全是拿你自己图片的尺寸算出来的。
Instagram 个人主页的九宫格是 1:1(1080×1080)。这就是为什么 4:5 的帖子在信息流里看着好好的,点进主页却发现上下被裁了 —— 同一张图,两个不是同一个比例的展示位。这个页面按 1080×1080 摆放你的图,把九宫格的那一版先给你看。
示例
Instagram 方形图尺寸 1080×1080:一张 4000×3000 的手机照片(4:3)放进 1:1 画框,约 40% 的像素会被裁掉(4:5 时前 1600 px 宽度;比例不同数字会变)——把图拖进来,你会看到属于你自己那张图的确切比例与像素数。
想让信息流(4:5)和主页(1:1)都好看,唯一稳的做法是:把主体放在画面正中,四周都留出余量。 如果你只想出一张图,那先把方形那一版看一遍 —— 因为主页是别人决定要不要点进你帖子的地方。
方形展示位没有需要标出的固定遮挡区,所以我们不标。这里只做几何:你的图放进 1:1 会保留哪一块、 裁掉多少像素,全是拿你自己图片的尺寸算出来的。
所有计算都在浏览器中完成;断网也能使用,不会上传任何数据。