Руководство по Divi: размеры изображений

Тема Диви позволяет добавлять любые изображения на ваш сайт в два клика. Однако часто у разработчиков возникают вопросы по поводу оптимальных размеров фото для каждого отдельного случая. «Идеального» размера не существует, так как каждый проект на Divi уникален. Тем не менее, есть некоторые важные моменты, знание которых позволит вам реализовать привлекательный дизайн вашего сайта. Именно для этого мы и написали это руководство!

Начало

Идеальный размер изображения для вашего сайта на Divi зависит от трех основных факторов:

  1. Соотношение сторон (размеры изображения): высота и ширина изображения;
  2. Верстки структуры вашей страницы (количество колонок): максимальная ширина изображения;
  3. Адаптивность: изменения, изображений вашего сайта в зависимости от типа устройств (ноутбук, планшет, смартфон и пр.).

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

Оптимизация изображений для Divi

Оптимальные пропорции изображений в Divi (16:9, 4:3, 3:4)

Пропорции изображения — соотношение сторон фотографии по ширине и высоте. Обычно для обозначения пропорций используются дроби, где первая цифра — это ширина изображения, вторая цифра — высота. Два наиболее популярных соотношения: 4:3 и 16:9. Скорее всего вы сталкивались с этими пропорциями при настройке телевизора. Современные широкоэкранные телевизоры чаще всего имеют соотношение сторон 16:9, у старых «квадратных» телевизоров это соотношение 4:3. В Divi соотношение 4:3 замечательно можно использовать для отображения портретных фотографий.

Тема Диви была создана с использованием трех соотношений сторон: 16:9, 4:3, и 3:4.  В связи с этим, мы будем все рекомендации в этом руководстве основывать на этих пропорциях. Обратите внимание на стандартные блоки контента в Диви — там все эти пропорции соблюдены!

Примечание: Существуют даже специальные калькуляторы, которые помогают подобрать правильные размеры изображений, в зависимости от соотношений сторон!

 

Оптимизация размера файла изображений перед загрузкой

Всегда сжимайте «вес» файла с вашим изображением перед загрузкой на сайт. Тяжелые файлы не любят поисковые системы. Они замедляют работу сайта и «съедают» объем места на сервере (хостинг). Старайтесь, чтобы размеры файлов ваших изображений были в интервале от 60kb и до 200KB.

Pin It on Pinterest

Share This