Как выбрать и подготовить изображения сайта

Инвентаризация каждого размещения изображения

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

Отметьте повторяющиеся изображения в одном списке и общие изображения, используемые для несвязанных тем. Совместное использование одной фотографии между переводами одной и той же страницы может быть разумным; Набор карт, сравнивающих разные действия, обычно требует отдельных визуальных эффектов.

• размещение и назначение изображения.
• конкретная тема и отношение к ближайшему экземпляру.
• Права, кредит, версия и статус утверждения.

Создать список снимков

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

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

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

Оптимизируйте при сохранении полезной информации

Сохраните высококачественный источник, затем экспортируйте варианты для фактически отображаемых размеров. WEBP и AVIF часто хорошо подходят для фотографий; Браузер не должен загружать огромную картинку для маленькой карты. Объявите ширину и высоту, чтобы предотвратить сдвиги макета, и расставьте приоритеты основного изображения, видимого при первой загрузке.

Краткое описательное имя файла, альтернативный текст, альтернативный текст и подпись, когда полезно сделать больше для понимания, чем заполнение полей EXIF с ключевыми словами. Google Search CentralВызовы alt text наиболее важный атрибут описательного изображения. Просмотрите кредиты и права, прежде чем удалять метаданные: Google также может использовать Метаданные IPTC или лицензирование структурированных данных.

• Отзывчивые варианты, проверенный вес файла и размеры HTML.
• Альтернативный текст, описывающий роль изображения, или пустой альт, когда он декоративен.
• Информация о кредитах и правах в соответствии с имеющимся разрешением.

Проверьте опубликованный результат

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

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