Изображение для сайта: как проверить смысл, происхождение и мобильный кадр

Картинка должна выполнять конкретную работу

У фотографии товара одна задача: показать реальный внешний вид. У редакционной иллюстрации другая: помочь понять мысль. У абстрактного фона — поддержать композицию, не добавляя фактов. Их нельзя оценивать одним вопросом «выглядит дорого?».

Для статьи о проверке презентации мы выбрали вымышленную сцену: диаграмма на большом экране опирается на небольшие гири, одна опора отсутствует. Метафора относится к утверждениям, которым нужны основания. Она не изображает интерфейс Gamma и не показывает результаты реального исследования.

В карточке товара такая же свобода была бы неуместна. Если генератор делает ткань плотнее или добавляет застёжку, изображение начинает обещать свойства, которых у товара может не быть. Наш опыт с чайником показывает, как незапрошенное изменение фактуры возникает даже при локальной правке.

Заполненная запись о происхождении

Для иллюстрации к статье о презентации запись можно сформулировать так:

Такая запись описывает происхождение, но не заменяет проверку условий использования конкретного инструмента и сторонних материалов. Если в работе была фотография клиента, её нельзя заменить строкой «сгенерировано»: входной файл остаётся частью истории.

В C2PA описан подход к передаче сведений об источниках и изменениях цифрового контента. Это полезный технический слой. Для небольшой редакции простой реестр тоже помогает не потерять сведения, которые потом нужны дизайнеру или выпускающему.

Три проверки в реальных размерах

Сначала откройте широкий первый экран. Картинка не должна спорить с заголовком: важный предмет не перекрыт текстом, контраст достаточен, смысл понятен без мелкой надписи внутри изображения.

Затем посмотрите карточку в ленте. В нашей метафоре нельзя отрезать гири и оставить только диаграмму: исчезнет связь с проверкой утверждений. Если общий кроп этого не выдерживает, нужна другая композиция или отдельная версия.

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

Размеры 320 и 390 пикселей подходят как две контрольные ширины вёрстки, однако не заменяют остальные контексты. Социальная карточка, квадратный аватар и баннер могут требовать собственных соотношений сторон.

Alt зависит от функции изображения

W3C рекомендует выбирать текстовую альтернативу по назначению картинки. Для информативного изображения нужно передать существенный смысл. Чисто декоративному фону может подходить пустой alt. У изображения-ссылки нужно учитывать и действие ссылки.

Для нашей иллюстрации возможен alt: «Диаграмма на экране опирается на гири; одной опоры не хватает». Это описывает сцену. Подпись рядом может объяснить её связь со статьёй: «У каждого сильного утверждения должно быть проверяемое основание».

Плохой alt — «нейросеть презентация Gamma слайды ИИ бесплатно»: он не помогает понять изображение. Ещё один слабый вариант — «красивая картинка в зелёных тонах». Цвет бывает важен, но здесь он не несёт главную информацию.

Если сложная диаграмма содержит данные, короткий alt не заменяет доступное текстовое объяснение или таблицу рядом. Не превращайте ключевые числа статьи в единственную растровую картинку.

Что блокирует публикацию

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

Также не публикуйте сторонний файл с неизвестным источником только потому, что он нашёлся в подборке. Сохраните ссылку и основание использования. Для собственной генерации оставьте запрос и сведения о входах.

Готовый визуал принят, когда он объясняет нужную мысль, выдерживает реальные размеры и имеет понятную историю. Карточку нашего примера можно использовать как основу реестра. Если на странице нужен новый знак бренда, для него есть отдельный бриф и предварительная проверка логотипа.