Bootstrap 3.3.6,为什么我的图像侧身?

时间:2016-12-02 13:48:25

标签: html css image twitter-bootstrap

sideways images

任何人都可以帮助我理解为什么我的图像会旋转出来吗?图像本身是垂直方向的,但它们在网页中显得横向。

sorry, here is the link

1 个答案:

答案 0 :(得分:3)

如果您使用的是MacOS或iOS,那么使用错误的方向数据拍摄的照片(例如,因为您的手机启用了旋转锁定),然后Finder,Lightroom,Apples Photos应用程序和其他人可以自动检测到并旋转照片更改原始文件。但是(非Apple)Web服务器甚至Windows都无法识别这些开箱即用的属性,因为这些非破坏性编辑是分开存储的。

如果你要经常遇到这种情况,我建议安装一个bootstrap compatable扩展来批量编辑照片服务器端,或者在你的计算机或移动设备上运行批量转换,“物理地”旋转你的照片并重新保存对文件本身的更改。 如果你将jpg文件覆盖为压缩率低于100%的jpg(通常就是这种情况),这最后一个选项有点破坏性。(

如果您在上传到服务器之前调整照片大小,那么旋转数据应该已经应用了,我建议您一次性完成所有编辑,这样照片只能重新保存一次,而不会在每次重新保存时确定。< / p>

一个小功率提示:你可以为非常大的照片提供比小照片更高的jpg压缩,但是获得的照片更清晰,更大,文件尺寸更小,而不是你准备了需要较低的中等缩小版副本压缩(又名高细节级别)设置仍然看起来不错。这种简洁的方法还可以确保您的照片画廊具有视网膜可比性和未来的证据。