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

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

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

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

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

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

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

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

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

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

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

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

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

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

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