← Images / images

Введение

Cloudflare предоставляет платформу для создания и масштабирования медиаприложений с помощью Images. На этой странице мы ответим на следующие вопросы:

• Зачем оптимизировать изображения
• Как начать работу с Images?
• Что выбрать для хранения: Images или R2?

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

При этом создание и хранение нескольких версий одного и того же изображения увеличивает сложность и накладные расходы, а также затраты на хранение.

При работе с большими объёмами медиаконтента оптимизация изображений даёт следующие преимущества:

• Оптимизированная инфраструктура, упростите рабочий процесс и снизьте затраты на инфраструктуру за счёт динамического создания оптимизированных версий по запросу.
• Меньший размер файлов, автоматически доставляйте изображения в современных форматах, таких как AVIF и WebP, что повышает скорость загрузки страниц и снижает расход трафика.
• Адаптивное масштабирование, обрезайте и изменяйте размер для любых задач, от квадратных миниатюр до горизонтальных баннеров, используя одно и то же исходное изображение в хранилище.
• Визуальные эффекты, применяйте размытие, наложения, заливку фона и другие эффекты на edge-серверах.

Использовать Images можно двумя способами, в зависимости от того, где хранятся ваши изображения:

Храните изображения на собственном origin-сервере, в R2, или с любым провайдером хранения. Cloudflare получает исходное изображение, применяет оптимизации на edge-сервере и кэширует оптимизированное изображение.

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

Для начала, включить преобразования для своей зоны.

Храните, оптимизируйте и доставляйте изображения по всему миру без необходимости управлять инфраструктурой.

Если ваше приложение построено вокруг контента, загружаемого пользователями, можно использовать Direct Creator Upload API чтобы безопасно принимать изображения напрямую от пользователей.

Для начала настройте предустановленные варианты чтобы настроить, как должны отдаваться размещённые изображения.

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

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

Для каждого сценария использования действует отдельная модель тарификации. Подробнее см. Цены.