เบราว์เซอร์ iPad และ iPhone หมุนภาพบนไซต์หรือไม่

13

ฉันประสบเหตุการณ์แปลก ๆ บนเว็บไซต์ที่ฉันกำลังสร้างในขณะนี้ซึ่งภาพจะแสดง 90 องศาแตกต่างจากที่ควรจะเป็น แต่ในขณะที่ยังคงรักษาขนาดปกติของภาพที่ฉันระบุ สิ่งนี้จะเกิดขึ้นกับ Safari ใน iPad และ iPhone สำหรับฉันเท่านั้น ... เบราว์เซอร์อื่น ๆ ทั้งหมดไม่มีปัญหานี้

ป้อนคำอธิบายรูปภาพที่นี่

ความคิดใด ๆ

หน้าคำถามดังกล่าวสามารถดูได้ที่นี่: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

— การ์เร็ต
แหล่งที่มา

4

อืมมมมม .. ฉันไม่มีอุปกรณ์ Apple หรือเบราว์เซอร์ใด ๆ ในการตรวจสอบ .. แต่บางทีพวกเขากำลังอ่านข้อมูล EXIF (โดยเฉพาะการหมุน)? ลองลบข้อมูลพิเศษทั้งหมดจากภาพเหล่านี้ (อย่างน้อยหนึ่งตัวใช้การบีบอัดภาพเช่นนี้: punypng.com ) และแทนที่ภาพของคุณด้วยเวอร์ชัน "ปรับให้เหมาะสม" จากนั้นดูว่าช่วยได้หรือไม่ แคชที่ชัดเจนมาก)

— LazyOne

2

+1 สำหรับปัญหาที่ฉันไม่เคยเห็นมาก่อน จุดข้อมูลเพิ่มเติมอีกสองอย่าง: IrfanView และ Photoshop ทั้งคู่ยังโหลดภาพด้านบนที่หมุนได้เช่นเดียวกับใน Mobile WebKit / Safari Desktop Safari ไม่ สิ่งนี้สนับสนุนแนวคิดที่อยู่ในข้อมูลเมตาของรูปภาพแม้ว่าจะมีจำนวนมากในนั้นและฉันไม่พบว่ามีคุณสมบัติเฉพาะที่ทำที่นี่โดยใช้เบราว์เซอร์ของ Photoshop (ฉันไม่ได้จัดการกับ EXIF มาก) ควรให้จุดเริ่มต้นกับคุณ @ LazyOne ถ้าคุณต้องการโพสต์ใหม่เป็นคำตอบที่แท้จริงฉันจะโหวตให้ ฉันเพิ่งวิ่งรูปแรกผ่าน PunyPNG และมันก็ใช้ได้กับฉัน

— Su '

ฉันไม่ได้ :) Thnx ซู'

— LazyOne

มีปัญหาเดียวกันการลบข้อมูลเมตาทำงานได้!

แก้ไขปัญหา :) ถ้าคุณคิดว่ามันยุ่งยากที่จะทำให้โปรแกรมลบเมทาดาทาคุณสามารถเปิดภาพเป็นสี (รวมอยู่ใน windows) ทำเครื่องหมายและคัดลอกเลือกภาพใหม่วางสำเนาและบันทึก

11

อืม .. ฉันไม่มีอุปกรณ์ Apple หรือเบราว์เซอร์ใด ๆ ที่จะตรวจสอบ .. แต่ดูเหมือนว่าพวกเขากำลังอ่านข้อมูลเมตาของEXIF (โดยเฉพาะการหมุน)

ฉันได้เปิดหนึ่งในภาพนี้ใน XnView - ภาพแสดงหมุนได้ 90 องศา

ลองลบข้อมูลพิเศษทั้งหมดจากภาพเหล่านี้ (ทำอย่างน้อยหนึ่งภาพ) ใช้ตัวบีบอัดภาพเช่นนี้punypng.com (หรือเครื่องมืออื่น ๆ ที่สามารถลบรายละเอียดข้อมูลเมตา .. หรือเพียงแค่หมุนและบันทึกอีกครั้ง) และแทนที่รูปภาพของคุณด้วยเวอร์ชัน "ปรับให้เหมาะสม"

เมื่อตรวจสอบอีกครั้งบน iPad ตรวจสอบให้แน่ใจว่าเบราว์เซอร์มีเวอร์ชันภาพปัจจุบันดังนั้นล้างแคช

PS Thnx Su '

— LazyOne
แหล่งที่มา

นั่นมัน! ช่างเป็นเรื่องแปลกที่จะมีผลกับเว็บเบราว์เซอร์ ฉันลงเอยด้วยการใช้ IrfanView เพื่อแก้ไข (เปิดไฟล์และบันทึกใหม่โดยไม่มีข้อมูลเมตา) และตอนนี้ทุกอย่างก็แสดงผลได้ดี ขอบคุณ!

— Garrett

1

ลองใช้ JPEG และ PNG Stripper http://www.steelbytes.com/?mid=30 จากนั้นลบข้อมูลทั้งหมดที่เกี่ยวข้องกับข้อมูลเมตาของรูปภาพ มันทำงานได้อย่างถูกต้อง

— Anetagama
แหล่งที่มา

1

นี่เป็นวิธีที่ง่ายในการแทนที่ข้อมูลเมตาการหมุน EXIF ด้วยตนเองหากรูปภาพถูกบันทึกในทิศทางที่ถูกต้องใน MS Windows ใน Windows Explorer คลิกขวาที่ไฟล์รูปภาพและเลือก "หมุนตามเข็มนาฬิกา" ทำสิ่งนี้ 4 ครั้งเพื่อหมุนภาพไปรอบ ๆ แล้วภาพจะมีทิศทางที่ถูกต้องสำหรับทุกระบบ จากนั้นคุณสามารถอัปโหลดภาพไปยังเว็บเซิร์ฟเวอร์ของคุณ

— BenW
แหล่งที่มา

สิ่งนี้ไม่ได้ผลสำหรับฉัน บางที Windows Explorer จะเก็บข้อมูลเมตาใน WIndows 10 แต่ไม่ได้รักษาไว้ในรุ่นก่อนหน้า?

— M Katz

0

ผมได้ยื่นนี้เป็นปัญหากับแอปเปิ้ลผ่านทางผู้สื่อข่าว Bug แอปเปิ้ล หากนี่เป็นสิ่งสำคัญสำหรับคุณและคุณมีข้อมูลตัวอย่างมันไม่น่าเจ็บปวดเลยที่จะมีรายงานมากกว่าหนึ่งเรื่อง ภาพหน้าจอด้านล่างควรเน้นปัญหาและในกรณีที่พนักงาน Apple มองที่โพสต์นี้รหัสปัญหาคือ 11299426

พฤติกรรมการหมุนที่ไม่สอดคล้องกัน

— แอรอน
แหล่งที่มา