Какой сервис использовать для доставки контента с его оптимизацией?

Question

[Analka]

Всем привет, на vc увидел, что у них изображения оптимизируются на лету, в зависимости от браузера выдает тот или иной формат, можно изменить размеры https://leonardo.osnova.io/a614ddbd-b8a0-5fd6-86b6...

не подскажите через какой сервис это можно сделать и внедрить в php

Answer 1

[d'Ivan]

Cloudinary, например.

Comments

[Analka]

А как там с CDN чтобы убрать их стандартный адрес res.cloudinary.com/ я не нашел инфу

[d'Ivan]

Analka, добавить запись CNAME в DNS.
https://support.cloudinary.com/hc/en-us/community/...
https://support.cloudinary.com/hc/en-us/articles/2...
https://support.cloudinary.com/hc/en-us/articles/2...

Answer 2

[Daria Motorina]

Cloudinary, Cloudflare

Comments

[Analka]

Работали ли вы с Cloudflare?

[Daria Motorina]

Analka, лично я нет, но это было существующеее решение в одном из проектов, где я работала

Answer 3

[ThunderCat]

что-то такое умеет нжинкс через примочку для статик картинок.

Comments

[Денис Юрьев]

отвратительно умеет, там через GD2 идет ресайз с вытекающими (никакой оптимизации по размеру), конвертировать вовсе не умеет

можно через perl/lua модули или по заголовкам по заранее сконвертированным и оптимизированным изображениями, но первое - костыль, проще на бэке через imagick/vips организовать, второе - не подходит под условия задачи "на лету"

Лучше на фронте запилить через

<picture>
  <source srcset="img/image.webp" type="image/webp">
  <source srcset="img/image.jpg" type="image/jpeg"> 
  <img src="img/image.jpg">
</picture>

+ на бэке через php-imagick/php-vips реализовать конвертацию с реврайтом в .htaccess для еще отсутствующих файлов

[ThunderCat]

Денис Юрьев, https://zaiste.net/network/nginx/howtos/howto-resi...
не нашел нигде упоминания о гд2 унутре, только замеры по производительности с/без имаж-фильтр
https://www.scientiamobile.com/slow-loading-images... , выглядит как фильтр здорового человека...

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

[Денис Юрьев]

ThunderCat, во первых переносимость страдает, во вторых gd2 не позволяет libjpeg/libwebp и так далее параметры сжатия передать кроме совсем базовых типо качества

Во вторых:

<?
        $image = new Imagick('test.jpg');

        $image->stripImage();
        $image->setOption('jpeg:dct-method', 'float');
        $image->setOption('jpeg:optimize-coding', 'true');
        $image->setInterlaceScheme(IMagick::INTERLACE_LINE);
        $image->setSamplingFactors(array('2x2', '1x1', '1x1'));
        $image->setCompressionQuality(85);

        $image->writeImage('out.jpg');

или

<?
        $image = new Imagick('test.jpg');
        $imagick->setOption('webp:sns-strength', 0);
        $imagick->setOption('webp:thread-level', 1);
        $imagick->setOption('webp:filter-sharpness', 4);
        $imagick->setOption('webp:filter-strength', 0);
        $imagick->setOption('webp:preprocessing', '~2');
        $imagick->setOption('webp:method', 6);
        $image->setCompressionQuality(85);

        $image->writeImage('out.webp');

попробуйте этот же код с помощью GD2 воспроизвести - потерпите фиаско)

первый кусок кода, который для пересжатия jpeg - это вообще по сути jpegoptim "портированный" на пыху)

GD2 - это не про оптимизацию изображений, увы и ах, а допиливание картинок с целью уменьшить их в весе с помощью shell_exec('jpegoptim ...'); - это моветон

[ThunderCat]

Денис Юрьев, так смысл всего этого - не писать что-то на пыхе, а сбросить задачу на сервер, понятно что имажик это совсем другой уровень. Но это не выход когда приходится налету пережимать им картинки, в этом и смысл нжинксового фильтра. Легче уже создать набор тумбов при заливки картинки, но у ТС другая задача...

[Денис Юрьев]

ThunderCat,

Но это не выход когда приходится налету пережимать им картинки

почему не выход то?

в .htaccess или в настройках nginx прописываем правило "если файла по такой маске нет, то..." и имэджиком конвертим, отдаем и заодно сохраняем, чтобы дальше сразу статика отдавалась

[ThunderCat]

почему не выход то?

Ну, хотя бы по тому, что пережатие картинки вполне может занимать 2-4 секунды, если картинка в 12-25 мп. Насколько я понял весь смак фильтра - он пережимает в разы быстрее. Да, качество в итоге такое себе, но быстро. И без кода. И тоже в кэш кидается автоматом.

[Денис Юрьев]

ThunderCat, пережатие через nginx и через php-imagick/vips/gd работает в конечном счете через одни и те же библиотеки - libjpeg/libwebp/libpng для понятно чего и через libaom или rav1e для avif (gd2 еще в теории может через svt-av1, но это надо пересобирать libavif)

то есть с точки зрения производительности через родной ресайзер для nginx - в разы не будет.

Ну, конечно, если по какому то недоразумению php в cgi работает (не fcgi), то тогда да, тормоза гарантированы