10 ошибок, которые портят дизайн сайта
Даже одна неудачная фотография может испортить впечатление от всего сайта. Мы собрали 10 самых частых ошибок, которые делают даже опытные дизайнеры и предприниматели.
1. Слишком «заезженные» фото
Рукопожатие на фоне офиса, команда с ноутбуками за столом, улыбающаяся девушка с наушниками. Эти снимки видели все — они не вызывают эмоций и создают ощущение «пластикового» сайта.
Как исправить: ищите более живые фото. Людей в действии, неидеальные ситуации, реальные эмоции. На нашем фотостоке много таких — в категориях «Люди», «Бизнес», «Путешествия».
2. Фото низкого разрешения
Размытые, «пиксельные» снимки — первый признак непрофессионального сайта. Особенно заметно на Retina-экранах (MacBook, iPhone), где всё выглядит чётче.
Как исправить: используйте фото шириной не меньше 1200px. Для баннеров — 1920px.
3. Слишком большие файлы
Противоположная проблема: фотография в 4K на 10 МБ. Она отлично выглядит, но сайт грузится медленно, посетители уходят, Google снижает позиции.
Как исправить: сжимайте фото перед загрузкой. Оптимальный вес — до 200–300 КБ. Формат WebP даёт экономию 30–50% без потери качества.
4. Водяные знаки и штампы
Даже маленький логотип или дата на фото портят впечатление. Это выглядит как «я скачал картинку из интернета и не проверил».
Как исправить: проверяйте фото перед загрузкой. Не берите снимки с чужими вотермарками — это ещё и нарушение авторских прав.
5. Пять фото в разной стилистике
Одно фото тёплое и яркое, второе — холодное и минималистичное, третье — чёрно-белое. На одной странице это выглядит как хаос.
Как исправить: выберите один стиль для всего сайта. Все снимки должны быть либо светлыми, либо контрастными, либо с тёплой палитрой — но в единой эстетике.
6. Фото без учёта мобильной версии
Горизонтальное фото с несколькими объектами по краям на телефоне «теряет» суть — в мобильной вёрстке показывается только центральная часть.
Как исправить: проверяйте фото в мобильном превью. Ищите снимки с чётким центральным объектом или запасом по краям.
7. Стоковые люди, которые «слишком идеальны»
Идеальная улыбка, идеальная одежда, идеальный офис. Такие фото вызывают недоверие — они не похожи на реальную жизнь.
Как исправить: выбирайте более естественные снимки. Люди в реальной обстановке, с реальными эмоциями.
8. Фото не по теме
Статья про маркетинг, а на обложке — пейзаж с горами. Или лендинг про IT-услуги, а на баннере — цветы. Фото должно поддерживать смысл, а не отвлекать.
Как исправить: перед выбором фото ответьте: «Что это фото должно сказать?». Если ответа нет — фото не подходит.
9. Несоответствие цветов бренду
У вас синий логотип и синие кнопки, а на баннере — ярко-оранжевое фото. Это создаёт визуальный конфликт.
Как исправить: подбирайте фото под палитру бренда. Не обязательно в один тон, но контраст должен быть осознанным.
10. Отсутствие alt-текста
Фото без `alt`-атрибута не видят поисковики и незрячие пользователи (скринридеры). Это и SEO-потеря, и проблема доступности.
Как исправить: добавляйте к каждому фото `alt` с описанием. Не «image1.jpg», а «Девушка работает за ноутбуком в кафе».
Итог
Хорошее фото — то, которое работает на задачу страницы. Оно не обязательно должно быть шедевром, но должно помогать пользователю и не мешать дизайну. Если вы допускали какие-то из этих ошибок — не страшно, их легко исправить. Главное — проверять фото перед публикацией.