【问题标题】:Bootstrap 3.3.6, why are my images sideways?Bootstrap 3.3.6,为什么我的图像是横向的?
【发布时间】:2017-04-17 10:53:10
【问题描述】:

谁能帮我理解为什么我的图片是旋转出来的?图像本身是垂直方向的,但它们在网页中显示为横向。

sorry, here is the link

【问题讨论】:

  • 我们能看到代码吗?
  • Bootstrap 不旋转图像。 必须在您的代码中旋转图像,或者图像本身被旋转。
  • 我很抱歉没有包含链接,我完全打算这样做。

标签: html css image twitter-bootstrap


【解决方案1】:

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

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

如果您在上传到服务器之前调整照片大小,则应该已经应用了旋转数据,我建议您一次性完成所有编辑,这样照片只会重新保存一次,并且每次重新保存时都不会变质。

一个小技巧:与小照片相比,您可以为非常大的照片提供更高的 jpg 压缩率,但获得的照片比您准备需要低分辨率的中等缩小副本时更清晰、更大且文件大小更小压缩(又名高细节级别)设置仍然看起来不错。这种简洁的方法还可以确保您的照片库与视网膜兼容且面向未来。

【讨论】:

  • 我很抱歉没有进一步详细说明或提供链接,但是当您直接转到图像时,图像是垂直的,由于 css/html 中的某些内容,它似乎横向旋转,我已经添加到页面的链接。
  • 事实证明这是由于 exif 数据造成的,GIMP 能够自动修复此问题,对于错误的问题和错误的信息,我深表歉意。谢谢大家。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-03
  • 1970-01-01
  • 1970-01-01
  • 2020-05-14
相关资源
最近更新 更多