数字照相亭
填满或适配:照片条中的脸为何会被裁掉
通过计算示例看清比例不匹配。
照片条的比例与竖版窗口不同,就必须裁切或留白。无论选择哪种方式,都应在最终尺寸下检查人脸是否被切掉、图像是否被拉伸。
两种实用处理方式
MDN区分在盒子内装配一个图像与覆盖盒子,可以裁剪图像的部分. 这些行为是理解模板预览的有用方式,即使编辑者使用不同的标签.
证据: 技术文件
计算一个例子
以我们为例,600乘400的图片必须覆盖300乘300的方形. 将其高度扩大至300,其宽度为450。 中央方块的裁剪从缩放的图像的两侧各移除75像素. 拼合整个画面反而留下了上下空间. 两者都不是失败;它们服务于不同的优先事项。
构图前作出选择
如果面部或手势位于边缘附近,在将其添加到布局之前刻意剪切一份副本,或者选择一个更接近原宽比的窗口. 检查完成预览中的所有框架 。 第一张照片周围的边框 可能隐藏了第四张照片中的重要细节
来源和进一步阅读
上述具体事实和产品描述的来源。我们的工作示例、解释和实用建议是原创的编辑指导。
- MDN — object-fit技术文件