Перейти к содержимому


Фото
- - - - -

Вывод webp вместе с jpg

webp

  • Чтобы отвечать, сперва войдите на форум
4 ответов в теме

#1 antipolizei

antipolizei
  • Пользователь
  • 3 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Откуда:Санкт-Петербург

Опубликовано 11.03.2019 - 12:00

Подскажите пожалуйста как вывести вместо:

 

<img src="{$product->image->filename|resize:200:200}" >
 

вот это:

<picture class="fn_img preview_img">
<source srcset="{$product->image->filename|resize:200:200}" type="image/webp">
<img class="fn_img preview_img" src="{$product->image->filename|resize:200:200}" >
</picture>
 

но только, чтобы подставлялся webp, где source и jpg там, где img
Сами файлы webp корректно создаются в папке products, вместе с jpg.

Пробовал |jpg, |webp - не работает.

 



#2 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 125 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 11.03.2019 - 12:36

Пробовал |jpg, |webp - не работает.

А ты бы ещё до |bmp додумался :D
Симпла не работает с WEBP, нужны индивидуальные работы по программированию движка.

#3 antipolizei

antipolizei
  • Пользователь
  • 3 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Откуда:Санкт-Петербург

Опубликовано 11.03.2019 - 13:33

А ты бы ещё до |bmp додумался :D
Симпла не работает с WEBP, нужны индивидуальные работы по программированию движка.

 

Так у меня по-сути уже всё работает. Доработку по резайзу и созданию дополнительного webp внедрил, осталось только правильно вывести webp в шаблоне. 
Может как то можно вывести filename, но без расширения, чтобы руками его дописать потом в шаблоне? Пробовал в design.php и image.php убирать расширения, но тогда естественно новые изображения не генерятся.



#4 phukortsin

phukortsin
  • Фрилансер
  • 861 сообщений
  • Программирование, Пользователь
  • Версия CMS:2.x
  • Откуда:Львов

Опубликовано 11.03.2019 - 14:36

Пробуйте простые способы вроде

{($product->image->filename|resize:200:200:w)|replace:'.jpg':'.webp'}



#5 antipolizei

antipolizei
  • Пользователь
  • 3 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Откуда:Санкт-Петербург

Опубликовано 11.03.2019 - 14:58

Пробуйте простые способы вроде

{($product->image->filename|resize:200:200:w)|replace:'.jpg':'.webp'}

 

Крутяк! Спасибо) Ато я уже через str replace сделал по жести)

Но так намного лучше) 99 в пэйджспиде, скорость подросла 






0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых