Обертові зображення веб-переглядача iPad та iPhone на сайті?

13

Я відчуваю дивну появу на сайті, який будую зараз, де зображення відображаються на 90 градусів, відмінні від того, як вони повинні, але зберігаючи нормальні розміри зображення, які я вказав. Це відбувається лише на Safari в iPad та iPhone для мене ... у всіх інших браузерах немає цієї проблеми.

введіть тут опис зображення

Будь-які ідеї?

Сторінку, про яку йдеться, можна побачити тут: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princess/

— Гаррет
джерело

4

Ууу .. У мене немає пристрою чи браузера Apple, щоб перевірити .. але, можливо, вони читають інформацію EXIF (особливо обертання)? Спробуйте видалити з цих зображень всю додаткову інформацію (принаймні одну, використовуйте компресори зображень, наприклад, цей: punypng.com ) та замініть своє зображення на "оптимізовану" версію, а потім подивіться, чи допомагає це (переконайтеся, що у веб-переглядача є поточна версія зображення, настільки чіткі кеші).

— LazyOne

2

+1 за проблему, яку я ніколи не бачив. Ще кілька точок даних: IrfanView і Photoshop також завантажують верхнє зображення, повернене як у Mobile WebKit / Safari. Настільний Safari цього не робить. Це підтримує ідею, що це у метаданих зображень, хоча там є багато, і я не знайшов, яка конкретна властивість це робить тут за допомогою браузера Photoshop (однак я не маю справу з EXIF багато). Хоча вам слід віддати місце. @LazyOne, якщо ви хочете зробити репост як фактичну відповідь, я проголосую за нього. Я просто запустив перше зображення через PunyPNG, і це працювало на мене.

— Су

Я це зробив :) Thnx Su '

— LazyOne

Була така ж проблема, видалення метаданих працювало!

Вирішили проблему :) Якщо ви вважаєте, що її громіздко отримати програми для видалення метаданих, ви можете відкрити зображення фарбою (включена у вікна), позначити її та скопіювати, вибрати нове зображення, вставити копію та зберегти.

11

Ууу .. У мене немає пристрою чи браузера Apple, який би перевіряв .. але схоже, вони читають метадані EXIF (зокрема, обертання).

Я відкрив одне із цих зображень у XnView - зображення відображається на 90 градусів повернутим.

Спробуйте видалити всю додаткову інформацію з цих зображень (зробіть це принаймні для одного зображення). Використовуйте компресори зображень, як-от цей: punypng.com (або будь-який інший інструмент, який може видалити деталі метаданих .. або просто повернути їх і зберегти знову) та замінити зображення на "оптимізовану" версію.

Перевіряючи ще раз на iPad, переконайтеся, що веб-переглядач має поточну версію зображення, тому очистіть кеші.

PS Thnx Su '

— LazyOne
джерело

Це було все! Яка дивна річ впливати на веб-браузер. Я в кінцевому підсумку використовував IrfanView, щоб виправити його (відкривши файл і відновлюючи його без метаданих), і тепер усе відображається нормально. Спасибі!

— Гаррет

1

Спробуйте скористатися JPEG та PNG Stripper http://www.steelbytes.com/?mid=30, а потім видаліть усю інформацію, що стосується метаданих Image. Працює правильно.

— Анетагама
джерело

1

Ось простий спосіб вручну змінити метадані обертання EXIF, якщо зображення збережено у правильній орієнтації в MS Windows. У Провіднику Windows клацніть правою кнопкою миші файл зображення та виберіть "Повернути за годинниковою стрілкою". Зробіть це 4 рази, щоб обертати зображення навпаки, і тоді зображення матиме правильну орієнтацію для всіх систем. Потім ви можете завантажити зображення на свій веб-сервер.

— BenW
джерело

Це для мене не вийшло. Можливо, Windows Explorer зберігає метадані у WIndows 10, але не підтримував їх у попередніх версіях?

— М Кац

0

Я подав це як помилку в Apple через Apple Bug Reporter . Якщо це важливо для вас і у вас є вибіркові дані, це може не завадити мати більше ніж один звіт про проблему. На скріншоті нижче слід висвітлити проблему, і, за випадкового випадку, працівник Apple погляне на цю посаду, ідентифікатор проблеми - 11299426.

Невідповідна поведінка обертання

— Аарон
джерело