Размещение картинок на странице сайта. Как лучше разместить? | Сайт Романа Яковенко

Размещение картинок на сайте. Часть 2: Фото в тексте

Размещение картинок на странице сайта

Декабрь 19, 2016 Web-технологии

У нас есть страница с текстом. Мы подготовили картинки и хотим их разместить. Как их лучше разместить на странице — разберем в данном материале.

Приведенный список рекомендаций сформирован лично мной. Он неидеален и есть спорные моменты. Но ничего лучше я пока не придумал. Кстати и в интернет ничего конкретного по этой теме не нашел.

Выравнивайте картинки по левому краю

Картинка в тексте по правому краю

Картинка в тексте расположенная правильно

Выравнивание по правому краю возможно, но в 90% случаев оно неуместно.

Старайтесь подогнать все картинки под одну ширину

Кривое размещение картинок на сайте

Правильное выравнивание картинок в тексте

Не используйте очень мелкие картинки

Особенно, если они не увеличиваются при клике или с лицами людей.

Графика на странице сайта

Как лучше разместить картинки на странице сайта

Выравнивайте картинки по одной сетке

Особенно актуально при размещении нескольких картинок в один ряд.

Фото на странице сайта

Выравнивание картинок по одному уровню на странице сайте

Если разместить картинки в один ряд ровно и красиво не получается — можно их просто объединить в один файл в фотошопе.

Делайте картинки на всю ширину контента

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

Фото на сайте

Фото на всю ширину

Уверен, что найдутся те, кому некоторым советы будут не по душе. Но я сторонник закономерностей и гармонии. Потому вижу так. Можно использовать любые других варианты размещения, но придерживаться их по всему сайту.

Читайте также: Размещение картинок на сайте. Часть 1: Подготовка графики

Подписка на рассылку блога Роман Яковенко

Поделиться
Плюсануть
Роман Яковенко
Менеджер Интернет-проектов
Роман Яковенко