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


19 декабря, 2016 Web-технологии
У нас есть страница с текстом. Мы подготовили картинки и хотим их разместить. Как их лучше разместить на странице — разберем в данном материале.
Приведенный список рекомендаций сформирован лично мной. Он неидеален и есть спорные моменты. Но ничего лучше я пока не придумал. Кстати и в интернет ничего конкретного по этой теме не нашел.
Выравнивайте картинки по левому краю
Выравнивание по правому краю возможно, но в 90% случаев оно неуместно.
Старайтесь подогнать все картинки под одну ширину
Не используйте очень мелкие картинки
Особенно, если они не увеличиваются при клике или с лицами людей.
Выравнивайте картинки по одной сетке
Особенно актуально при размещении нескольких картинок в один ряд.
Если разместить картинки в один ряд ровно и красиво не получается — можно их просто объединить в один файл в фотошопе.
Делайте картинки на всю ширину контента
Если обтекание текстом неуместно — постарайтесь сделать картинку на всю ширину контента. При этом картинку делать минимальной по высоте, обрезав неинформативные фрагменты снизу и сверху.
Уверен, что найдутся те, кому некоторым советы будут не по душе. Но я сторонник закономерностей и гармонии. Потому вижу так. Можно использовать любые других варианты размещения, но придерживаться их по всему сайту.
Читайте также: Размещение картинок на сайте. Часть 1: Подготовка графики