Бесплатная оптимизация изображений с помощью Cloudflare Images + proxy-go avif webp

Cloudflare Images предлагает 5000 бесплатных конвертаций в месяц


Подпишитесь: https://www.cloudflare.com/developer-platform/products/cloudflare-images/ , войдите в систему и перейдите в раздел «Images-Overview» слева, затем выберите Self-Storage.

Слева, в разделе «Изображения-Конвертация», выберите нужный домен. Он представляет собой исходное доменное имя изображения и корневое доменное имя ссылки для онлайн-конвертации. Доменное имя должно быть размещено на Cloudflare.

Здесь вы можете использовать сплайсинговые ссылки для оптимизации изображений. Например: ваше включенное доменное имя https://test.com (необходимо включить CDN Cloudflare. Если корневое доменное имя не использует CDN Cloudflare, вы можете использовать любое доменное имя второго уровня, например https://anyone.test.com) Доменное имя доступа к изображению https://s3.test.com/666.jpg Затем вы можете получить доступ к оптимизированному изображению по следующей ссылке https://test.com/cdn-cgi/image/format=auto,metadata=none/https://s3.test.com/666.jpg Развертывание proxy-go Если вам нужен только самый простой прокси, nginx также должен это уметь. Вам нужно обратить внимание на прозрачную передачу accept и выбрать подходящий формат, добавить заголовок CF-Image-Format: auto и удалить CSP. Вы можете найти AI, чтобы написать это. Я не изучал это, потому что я это не использовал. Развертывание Proxy-Go больше подходит для зарубежных серверов, напрямую подключенных к материковым маршрутам, поэтому скорость выше. Alibaba и Tencent в Японии и Гонконге также могут воспользоваться этим руководством по развертыванию Proxy-Go (https://q58.org/t/topic/165). Часть файла config.json проекта развёртывания написана следующим образом.

"MAP":{ "/s3": { "DefaultTarget": "https://s3.test.com", "ExtensionMap": { "jpg,png,jpeg,webp": "https://test.com/cdn-cgi/image/format=auto,metadata=none/https://s3.test.com" } } }...

прокси-го Привяжите доменное имя cdn.test.com, после чего к изображению можно будет получить доступ следующим образом: https://cdn.test.com/s3/666.jpg Он автоматически предоставит avif на основе среды просмотра пользователя и размера сжатого изображения. вебп, jpeg и т. д.

Исходное изображение эффекта:

После оптимизации:

Почему не avif?

На снимке экрана вы видите предложение: «warning:cf-images 299 "image too large for AVIF"». Поскольку формат avif больше, используется оптимальный размер файла — webp. Если avif или webp больше исходного изображения, будет использовано исходное изображение. Например, некоторые файлы JPEG становятся больше после конвертации. В этом случае будет использовано исходное изображение. Если avif меньше, будет использован avif.

например:

и, Изображения Cloudflare«Images» обладает очень высокой степенью параллельной конвертации и может конвертировать десятки или сотни изображений одновременно практически без задержек, что очень здорово. Он гораздо быстрее, чем webp-server-go (который я разработалhttps://q58.org/t/topic/134) гораздо проще в использовании и не занимает ресурсов сервера.

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