HTML 区别 .jpg .JPG答案

【问题标题】：HTML distinction .jpg .JPGHTML 区别 .jpg .JPG
【发布时间】：2018-08-16 01:49:59
【问题描述】：

我正在构建一个托管在 Github Pages 上的网站，该网站有一个从文件夹中获取大量图像的图库。我一直遇到两个问题：

1) 我上传了一张图片，Github 会自动旋转？

2) 如果我将图像保存为“example.JPG”时将其引用为“example.jpg”，则 HTML 将找不到该图像。不是一个问题，只是想了解为什么大写时会有区别。

【问题讨论】：

也许toLowerCase() 有帮助？
图片很可能实际上存储为 Github Pages 显示它，但相机使用file metadata 表示它实际上需要在显示器上旋转。不知道此类元数据的软件将无法正确显示（过去包括主要浏览器，不确定是否更改）。

【解决方案1】：

您最好的选择可能是在您的计算机内置照片软件中手动编辑（旋转/对齐）照片。

至于图像扩展名，如果您遇到文件扩展名大小写的问题，那么就选择可行的。将所有扩展名更改为大写或小写对我来说最有意义。

【讨论】：

【解决方案2】：

Linux 的文件系统区分大小写；但总的来说，我遵循的最佳实践是指出 URL 是什么与我想要/喜欢它是什么。 Reference to another similar answer here

【讨论】：