CDN изображений
Сеть доставки контента, специализирующаяся на изображениях, которая автоматически оптимизирует, изменяет размер, конвертирует форматы и кэширует изображения на пограничных серверах по всему миру.
CDN изображений выходят за рамки традиционных CDN, выполняя преобразования изображений в реальном времени на периферии. Когда браузер запрашивает изображение, CDN может автоматически изменить его размер в соответствии с областью просмотра устройства, преобразовать его в оптимальный формат (WebP для Chrome, поддерживается AVIF wAVIF, JPEG как осеньJPEG), настроить качество в зависимости от скорости сети и кэшировать результат на ближайшем пограничном сервере. Это устраняет необходимость предварительного создания нескольких вариантов изображений. Популярные сервисы включают Cloudflare Images, Imgix, Cloudinary и Bunny Optimizer. Что касается веб-производительности, CDN изображений обычно уменьшают полезную нагрузку изображений на 40–80 % по сравнению с обслуживанием исходных файлов, что напрямую улучшает показатели Largest Contentful Paint (LCP). API на основе URL-адресов позволяют выполнять преобразованиеAPItions с помощью параметров запроса (ширина, высота, формат, качество), что упрощает интеграцию для любого веб-стека.
Связанные термины
Адаптивное изображение
Реализация изображения, которая поддерживает разные размеры или форматы в зависимости от устройства зрителя, размера экрана и скорости соединения.
Ленивая загрузка
Метод, который откладывает загрузку изображений и контента за кадром до тех пор, пока пользователь не прокрутит страницу рядом с ними, сокращая начальное время загрузки страницы.
Сжатие
Процесс уменьшения размера файла изображения за счет более эффективного кодирования пиксельных данных, иногда за счет качества.