從三星手機拍攝的圖片在html中源於錯誤

Question

因此，對於我的webdev類的介紹性分配，我們的教授希望我們爲我們的服務器創建一個index.html頁面，該頁面顯示我們的個人資料。該配置文件應包含一張圖片。

我在手機上拍了一張照片並將其上傳到我們的服務器，當我打開我的頁面並且我的臉部旋轉了90度時，我很惱火。所以我增加了一個變換標籤的風格：

<img src="assets/pictures/selfie.jpg" alt="Selfie" style="width: 304px; height: 228px; transform: rotate(90)"> 

當我發現這對我的教授，他告訴我，不使用變換標記爲「避免旋轉它的客戶端瀏覽器只是自己旋轉它在第一名」。

我在我的桌面編輯器中試過這個，然後重新上傳照片以及取出變換。相同的方向問題，旋轉90度。

<img src="assets/pictures/selfie.jpg" alt="Selfie of Ryan White" style="width: 304px; height: 228px;"> 

這裏發生了什麼？我該如何解決這個定位問題？

Answer 1

如果您通過Windows的工具（右鍵單擊菜單，Windows的照片等）旋轉圖像，則只有Windows才能看到該圖像。如果你想實際旋轉圖像，你需要使用像Paint或GIMP這樣的東西來旋轉它，然後以這種方式保存。無論它從哪裏看，這都會給你正確的旋轉。

Answer 2

雅這是大多數手機圖片的共同趨勢。我可以建議軟件達到你想要的。

1. 的Photoshop
2. Corel繪圖
3. 塗料
4. 簡單的圖像瀏覽器

最重要的事情是當你已經實現轉型記得使用網頁上的圖像前保存。