Что означает термин#
Фотографии обычно хранятся в растровых форматах. Увеличение маленького файла не восстанавливает отсутствующие детали. Векторная графика описывает формы иначе, поэтому её поведение при масштабировании отличается. Выбор формата определяется содержимым, прозрачностью и задачей отображения.
Практический пример#
Портрет шириной 400 пикселей растягивается на большой монитор и выглядит менее чётким. Вместо отправки одного огромного файла всем устройствам можно подготовить несколько размеров и дать браузеру выбрать подходящий вариант. Визуальный размер в CSS и число пикселей исходного файла — разные характеристики.
Как проверить#
Проверьте фактически загруженный ресурс, его размеры, формат и качество на целевых экранах. Сравните вес альтернатив после сжатия, не ухудшая важные детали. Укажите width и height, чтобы резервировать место. Для содержательной фотографии добавьте подходящий alt; поисковую пользу не следует выводить только из выбранного расширения файла.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.