0

Я работаю над проектом создания отзывчивого веб-сайта. Мы испытываем боль, связанное с содержанием изображения в разных режимах отображения. Обратите внимание: содержание изображения.Как обрабатывать отображение содержимого изображения на отзывчивом веб-сайте?

Дело в том, что почти на страницах ПК вид изображения отображается в ландшафте, с большим соотношением между шириной и высотой. Теперь, приведя их к мобильному виду, мы должны отобразить его в другом кадре. И, как вы можете себе представить, теперь содержимое изображения было масштабировано и обрезано, а затем экспортировано на некоторые очень странные изображения на мобильном представлении. Подобно широкой картине с людьми почти в левой части, но после обрезания на картинке остались только объекты, не имеющие смысла.

IMHO, используя технические решения, мы обрабатываем только технические характеристики изображения (изменение размера, масштабирование), мы не можем иметь дело с содержимым изображения, это действительно вопрос человека, не так ли?

Я думаю о 4 решения:

  • 1 - Несмотря на чувства клиента, мы просто масштабировать изображение (держать все содержимое, просто уменьшив его). Выход иногда будет очень смешно, я думаю, из-за изменения размера пейзажного изображения на портрет или квадрат. Но это самый простой способ подняться.
  • 2 - Учитывая размер кадра изображения на мобильном изображении и автоматически обрезайте изображение , выбрав центральную область изображения. Как я уже говорил выше, в конце концов произвел нечувствительный снимок.
  • 3 - Информируя клиента, когда он загружает изображение, им приходится загружать 2 копии, 1 для рабочего стола и 1 для мобильного просмотра, и они определенно отвечают за отображение содержимого на лицевой стороне. Тонны усилий должны быть потрачены клиентами, но проще для развития.
  • 4 - Расширенная функция: пользователь может загружать только 1 изображение, мы предоставляем разные порты просмотра и обрезку для них, чтобы решить, как изображение отображает на снимках после обрезания.

У меня нет большого опыта общения с этими вещами и не уверен, как мир там справляется с этим делом. Как я вижу, теперь Wordpress требует, чтобы пользователи загружали только 1 изображение, и он автоматически масштабирует его (мой 1-й вариант). У кого-нибудь есть опыт в этом? Не могли бы вы поделиться со мной своими решениями, а также своими мыслями о моих решениях? Спасибо.

ответ

0

вы можете создать для них простое веб-приложение, чтобы загрузить изображение и предоставить клиенту предварительный просмотр того, как изображения выглядят как для настольных, так и для мобильных устройств. в php есть библиотека GD, и ее очень легко использовать для обрезки и изменения размера.