HTML автоматически поворачивает изображения на рендере

Может кто-нибудь помочь мне здесь. У меня есть PHP-скрипт, который загружает изображение и изменяет его размер, а затем страницу HTML, на которой отображается изображение. Тем не менее, по какой-то причине HTML представляет собой повернутую версию изображения, хотя я не могу для жизни понять, почему.HTML автоматически поворачивает изображения на рендере

<div style="height:75px;width: 116px; background: url(http://viralsmods.com/pokeroulette/content/images/7.jpg);"></div>

Запуск выше фрагмент кода, чтобы увидеть его в действии. Изображение, на которое оно связано, находится здесь: http://viralsmods.com/pokeroulette/content/images/7.jpg.

Любая идея о том, почему это может быть?

источник

2015-07-07 Keir Simmons

Как насчет exif? – Mindastic

Я посмотрел на изображение. Попробуйте переключить номера ширины и высоты. Я думаю, что у вас есть эти обратные. –

Размеры были просто случайными для примера. Но это не должно правильно изменить ориентацию? Mindastic: Как можно было бы это сделать, и что бы вы искали? –

Проблема связана с EXIF (формат графических файлов) и веб-браузер

В основном, EXIF является стандартом для хранения информации о файле, например, как, каким образом следует поворачивать изображение. Фотографии, снятые с (более старыми) устройствами, которые не используют EXIF, могут отображаться неправильно в вашем веб-браузере.

Решение заключается в том, чтобы принести этот файл в фотошоп, по мере необходимости повернуть, сохранить, а затем повторно загрузить ваш сайт.

источник

2015-07-07 16:46:52 TenneC

Хм, очень странно, поскольку он корректно отображается в обозревателе файлов Windows и фотографии сделаны на HTC one M8 (совсем недавно). Есть ли способ изменить заголовки exif через PHP (все фотографии уже сделаны, и все это будет очень утомительно для PS). –

Вот статья, в которой перечислены многие варианты редактирования данных EXIF] (http://www.labnol.org/software/exif-data-editors/14210/). Если вы предпочитаете придерживаться PS, вы всегда можете использовать [Image Processor] (https://helpx.adobe.com/photoshop/using/processing-batch-files.html#convert_files_with_the_image_processor) для редактирования большого количества изображений одновременно. – TenneC

HTML автоматически поворачивает изображения на рендере

ответ

Смежные вопросы