Изображения делают страницу понятнее, но слишком тяжёлые файлы увеличивают время загрузки. Хорошая подготовка помогает сохранить визуальное качество и не перегружать страницу.
Не загружайте разрешение значительно выше отображаемого
Если картинка на странице показывается шириной около 1200 пикселей, исходник в несколько тысяч пикселей может быть избыточным. Подготовьте размер под реальный сценарий отображения.
Выберите формат по содержимому
Фотографии удобно публиковать в JPG или WEBP. Для прозрачности и чёткой интерфейсной графики подходит PNG. Современный WEBP часто помогает уменьшить вес без заметного ухудшения изображения.
Добавляйте осмысленный alt-текст на своём сайте
Атрибут alt должен кратко описывать смысл изображения в контексте страницы. Это помогает доступности и даёт поисковым системам дополнительный контекст.
Проверяйте страницу на телефоне
Большая часть пользователей открывает сайты с мобильных устройств. После публикации проверьте, что изображения не растягивают верстку и загружаются достаточно быстро.
Фотохостинг можно использовать для получения адреса изображения, а окончательное оформление, размеры в разметке и подписи задаются уже на странице, где картинка размещена.