Trình duyệt iPad và iPhone xoay hình ảnh trên trang web?


13

Tôi đang gặp một sự cố kỳ lạ trên một trang web tôi đang xây dựng ngay bây giờ nơi hình ảnh được hiển thị 90 độ khác với cách chúng được yêu cầu, nhưng trong khi vẫn duy trì kích thước bình thường của hình ảnh mà tôi đã chỉ định. Điều này chỉ xảy ra trên Safari trong iPad và iPhone đối với tôi ... tất cả các trình duyệt khác không gặp phải vấn đề này.

nhập mô tả hình ảnh ở đây

Có ý kiến ​​gì không?

Trang trong câu hỏi có thể được xem ở đây: http://www.andrewpeterson.com/i-had-to-be-a-perinf-gentman-with-the-préces /


4
Uuuh .. Tôi không có bất kỳ thiết bị hoặc trình duyệt nào của Apple để kiểm tra .. nhưng có lẽ họ đang đọc thông tin EXIF ​​(đặc biệt là xoay vòng)? Hãy thử xóa tất cả thông tin bổ sung khỏi những hình ảnh này (ít nhất là một, sử dụng máy nén hình ảnh, như thế này: Punypng.com ) và thay thế hình ảnh của bạn bằng phiên bản "tối ưu hóa", sau đó xem liệu nó có giúp ích không (đảm bảo trình duyệt có phiên bản hình ảnh hiện tại, nên lưu trữ rõ ràng).
LazyOne

2
+1 cho vấn đề tôi chưa từng thấy trước đây. Một vài điểm dữ liệu nữa: IrfanView và Photoshop cũng tải hình ảnh hàng đầu được xoay như trong Mobile WebKit / Safari. Máy tính để bàn Safari thì không. Điều này không hỗ trợ ý tưởng trong siêu dữ liệu hình ảnh, mặc dù có rất nhiều trong đó và tôi không tìm thấy thuộc tính cụ thể nào đang thực hiện ở đây bằng trình duyệt của Photoshop (mặc dù vậy tôi không xử lý EXIF ​​nhiều). Nên cung cấp cho bạn một nơi bắt đầu, mặc dù. @LazyOne, nếu bạn muốn đăng lại như một câu trả lời thực tế, tôi sẽ bỏ phiếu. Tôi chỉ chạy hình ảnh đầu tiên thông qua PunyPNG, và nó đã làm việc cho tôi.
Su '

Tôi đã làm điều đó :) Thnx Su '
LazyOne

Có cùng một vấn đề, loại bỏ dữ liệu meta làm việc!

đã giải quyết vấn đề này

Câu trả lời:


11

Uuuh .. Tôi không có bất kỳ thiết bị hoặc trình duyệt nào của Apple để kiểm tra .. nhưng có vẻ như họ đang đọc siêu dữ liệu EXIF (đặc biệt là xoay vòng).

Tôi đã mở một trong những hình ảnh này trong XnView - hình ảnh được hiển thị xoay 90 độ.

Hãy thử xóa tất cả thông tin bổ sung khỏi những hình ảnh này (thực hiện ít nhất một hình ảnh). Sử dụng máy nén hình ảnh, như thế này: Punypng.com (hoặc bất kỳ công cụ nào khác có thể xóa chi tiết siêu dữ liệu .. hoặc chỉ xoay nó và lưu lại) và thay thế hình ảnh của bạn bằng phiên bản "tối ưu hóa".

Khi kiểm tra lại trên iPad, hãy đảm bảo trình duyệt có phiên bản hình ảnh hiện tại, để xóa bộ nhớ cache.

PS Thnx Su '


Điều đó là vậy đó! Thật là một điều kỳ lạ để ảnh hưởng đến một trình duyệt web. Tôi đã kết thúc việc sử dụng IrfanView để sửa nó (mở tệp và lưu lại mà không cần siêu dữ liệu) và bây giờ mọi thứ đều hiển thị tốt. Cảm ơn!
Garrett


1

Đây là một cách dễ dàng để ghi đè thủ công siêu dữ liệu xoay EXIF, nếu hình ảnh được lưu theo hướng chính xác trong MS Windows. Trong Windows Explorer, nhấp chuột phải vào tệp hình ảnh và chọn "Xoay theo chiều kim đồng hồ". Làm điều này 4 lần để xoay hình ảnh xung quanh, và sau đó hình ảnh sẽ có hướng chính xác cho tất cả các hệ thống. Sau đó, bạn có thể tải hình ảnh lên máy chủ web của bạn.


Điều này đã không làm việc cho tôi. Có lẽ Windows Explorer giữ lại siêu dữ liệu trong WIndows 10 nhưng không duy trì nó trong các phiên bản trước?
M Katz

0

Tôi đã gửi lỗi này với Apple thông qua Trình báo cáo lỗi của Apple . Nếu điều này quan trọng với bạn và bạn có dữ liệu mẫu, thì không có nhiều báo cáo về vấn đề này. Ảnh chụp màn hình bên dưới sẽ làm nổi bật vấn đề và trong trường hợp nhân viên Apple liếc vào bài đăng này, ID vấn đề là 11299426.

Hành vi xoay không nhất quán

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.