Как перевести сайт на webp картинки? Изменить jpg/png на webp

[admin]

Внимание!
Метод для постеров работает для тех у кого основным установлен ID кинопоиска.

И
URL постера к фильму прописан как "1".


Для изменения постеров и файлов из папки /files/content/​

1. Первый делом нужно чтобы у вас была включена функция:
Желательно чтобы в папке /files/poster/medium было примерно столько же картинок сколько фильмов на сайте.
Для этого функция уже должна была быть вклюена заранее.



2. Далее переходим в putty и идём по адресу: cd /home/example.com/files/poster/medium/
И выполняем команду: for f in *.jpg; do mv -- "$f" "${f%.jpg}.webp"; done
Где, .jpg формат исходного изображения а webp получаемое изображение.
(Дождитесь выполнения команды)
Тоже самое выполняем для папки /files/content/

3. После чего при помощи файлового менеджера переходим в папку /lib нашего сайта и открываем файл CP_structure.js

4. В файле ищем var image = '/files/poster/no.jpg'; и меняем на var image = '/files/poster/no.webp';
Ищем image = '/files/' + type + '/' + size + '/' + id + '.jpg'; и меняем на image = '/files/' + type + '/' + size + '/' + id + '.webp';

Для изменения фото актёров и режиссёров выполняем следующие пункты:​

1. Переходим в putty и идём по адресу: cd /home/example.com/files/poster/people/
И выполняем команду: for f in *.jpg; do mv -- "$f" "${f%.jpg}.webp"; done где, .jpg формат исходного изображения а webp получаемое изобраение.
(Дождитесь выполнения команды)

2. После чего при помощи файлового менеджера переходим в папку /lib нашего сайта и открываем файл CP_structure.js

3. В файле ищем '.jpg" alt="' + и меняем на '.webp" alt="' +
Ищем item.replace('Ё', 'Е').replace('ё', 'е') + следующая строка будет '.jpg' её меняем на '.webp'

 

[xgeniy]

CP_structure.js внес изменения в файл, но тумбы на на сайте не изменились, везде как были так и остались jpg , подскажите надо ли перегружать скрипт или какие-то кеши чистить?

сами файлы переименовались все ок

файлы моделей (актеров) удалось заменить на webp, правда теперь надо прописать чтобы заглушка выводилась. CP_structure.js файлик копаю

 

[xgeniy]

основным стоит нет

 

[xgeniy]

вот тут надо еще заменить , играюсь дальше

 

[admin]

Проблема только с фото актёров?

 

[xgeniy]

как раз наоборот, фото актеров и режиссеров (сконвертировал все в webp) и легко вывел в шаблоне нужный формат

а вот обычные тумбы заставить все не получилось работать, часть осталась jpg , часть выводится как webp . ковыряю два файла первый в lib - CP_structure.js , второй в routes - files.js

 

[admin]

как раз наоборот, фото актеров и режиссеров (сконвертировал все в webp) и легко вывел в шаблоне нужный формат
Посмотреть вложение 378
а вот обычные тумбы заставить все не получилось работать, часть осталась jpg , часть выводится как webp . ковыряю два файла первый в lib - CP_structure.js , второй в routes - files.js

/config/default/nginx/conf.d/default.conf #161

 

[xgeniy]

вот две соседние еденицы видео в массиве

/config/default/nginx/conf.d/default.conf #161 - в конфиге сделал изменения

 

[admin]

Посмотреть вложение 379

вот две соседние еденицы видео в массиве

/config/default/nginx/conf.d/default.conf #161 - в конфиге сделал изменения Посмотреть вложение 380

А что у вас в поле постера?



Меняйте на "1" или вручную на .webp

 

[xgeniy]

каша полная , часть урлы прописаны в jpg, часть стоят 1 , и на сайте где 1 там выводится все корректно в webp, где стоит ссылка на картинку вида /sTTxrKX9DzB5K6wdsfCs5bQ0r6r.jpg , выводится jpg.

если я руками меняю со ссылки jpg на 1 , то битая ссылка получается, но путь в коде шаблона на webp и сам файл лежит на месте в папке (но на сайте по этому пути 404).

на данный момент ситуация, часть ссылок на сайте webp , часть jpg - я так понял что через парсеры добавлялось не изменилось. Хотя я конвертировал все файлы во всех папках где jpg (poster picture) + кеши серверные + кеши клаудфлаера почищу

вообщем я продолжаю смотреть конфиги, и приведу базу в нормальному однотипному виду. Благодарю за ответ

еще вопрос можно ли как то массовую замену сделать в url постера , чтобы по одному не делать

 

[xgeniy]

отключил и удалил физически все картинки , отключил парсеры и обновление (тк оно генерило мне jpg) , после очистки базы добавил фильмы через раздел настройки публикаций , лицензия на дев домене демка добавилось только 40564 фильма по параметрам, далее сконвертировал все файлы в webp , и была часть битых ссылок к коде, пришлось скопировать недостающие картинки по директориям medium original small (потому что есть 2 типа картинок скриншотов фильма, маленькие и увеличенные, если увеличенного нет физически в папке оригинал, а есть только small будет 404)



на данный момент все парсеры отключены, фильмы приведены в общий вид, тумба + мини тумба для мобайл + скриншоты + оригиналы скринов = все в webp , далее надо будет тестировать автонаполнение, и там уже смотреть скрипты которые переносят нам на хост jpg файлы, вот там надо будет дописывать конвертацию на лету в webp видимо

вообще по хорошему всю папку с тумбами и скринами надо выносить на cdn

 

[xgeniy]

так же надо будет заменить в модуле серии сериалов тоже там jpg

 

[xgeniy]

все новые фильмы через импорт добавляются с jpg

 

[xgeniy]

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

 

[NZT48]

Для тех, кто использует custom.tmdb_id для изменения всех путей .jpg на .webp для всех постеров фильмов, а также всех изображений фильмов, необходимо добавить следующий код:

      image = '/files/' + type + '/' + size + id.replace(".jpg", ".webp");
      break;

под "case 'tmdb'" на строке 837, как показано ниже:



Я предполагаю, что это также должно работать для custom.imdb_id и custom.movie_id.

Однако недостатком является то, что после настройки с .webp-ссылками, вам придется конвертировать каждое изображение и постер каждого фильма, который вы будете публиковать в будущем, иначе скрипт не сможет найти изображение. Было бы интересно, если бы существовал способ автоматизировать это с помощью cron-задачи.

Вторым недостатком является то, что постеры фильмов и изображения фильмов не появляются в папках small, medium и original, пока страницу не посетил бот или посетитель.

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

С уважением

 

[Aleksey]

3. В файле ищем '.jpg" alt="' + и меняем на .'webp" alt="' +
Ищем item.replace('Ё', 'Е').replace('ё', 'е') + следующая строка будет '.jpg' её меняем на .'webp'

В приведенномметоде имеется синтаксическая ошибка!
необходимо обратить внимание на кавычки. .'webp" alt="' + и .'webp'
нужно указать вот так '.webp" alt="' + и '.webp'
вот измененная версия:

3. В файле ищем '.jpg" alt="' + и меняем на '.webp" alt="' +
Ищем item.replace('Ё', 'Е').replace('ё', 'е') + следующая строка будет '.jpg' её меняем на '.webp'