Как на ModX лучше реализовать автоматический перевод изображений в webp?

Question

[Дмитрий]

Как на ModX лучше реализовать автоматический перевод изображений в webp? Пытался через расширение webp конвертер, но на одном из хостингов он не подошел. Как лучше сделать?

Comments

[alexalexes]

А почему не подошел?

[Froggyweb]

Все сниппеты ресайзеры поддерживают формат Webp

[Александр Васильев]

Phpthumbon f webp
К примеру

[Дмитрий]

Потому что на одном из хостингов сделал всё как по инструкции https://webdevops.ru/blog/webp-converter-plugin-mo..., а вместо конвертации выдаёт такую ошибку на каждое изображение:

Source: assetsimagesproducts158image.jpg

Destination: /webpassetsimagesproducts158image.jpg.webp

Fatal error, not supported source file format !!!
Fatal error, source file not found !!!
Fatal error, destination file not created !!!

Как видите, отсутствуют слеши.

[Дмитрий]

Александр Васильев, Слышал про него. Можно доку на этот метод?

[Александр Васильев]

Дмитрий, пакет одноименный загугли

[Дмитрий]

Александр Васильев, Если такая конструкция то понятно [[+image_absolute:phpthumbof=`w=350&h=195&zc=C&f=webp&q=10`]]

Но у меня вывод изображения через доп. поле почти нигде не встречается.

Как вывести в галереи товара, который реализован через Swiper Slider?

<div class="gallery__sliderWrap slider-wrap">
	<div class="gallery__slider swiper">
		<div class="swiper-wrapper">
            {foreach $files as $file}
            {if $file['description'] != 't'}
				<a class="gallery__slider-slide swiper-slide {$file['description']}" href="{$file['url']}" data-fslightbox="prodGallery{$file['description']}">
					<img src="{$file['url']}" alt="[[*pagetitle]] - image {$file['rank']}">
				</a>
			{/if}
            {/foreach}
		</div>
	</div>
</div>

[Александр Васильев]

Дмитрий, так и напиши {$file.url | модификатор}

[Дмитрий]

Александр Васильев, не работает такой подход. Или я что-то не правильно делаю?

{if $files?}
<div class="gallery__sliderWrap slider-wrap">
	<div class="gallery__slider swiper">
		<div class="swiper-wrapper">
            {foreach $files as $file}
            {if $file['description'] != 't'}
				<a class="gallery__slider-slide swiper-slide {$file['description']}" href="{$file['url']}" data-fslightbox="prodGallery{$file['description']}">
                    <picture>
                        <source srcset="{$file['url']|modphpthumbof:`f=webp`}" type="image/webp">
                        <img src="{$file['url']}" alt="[[*pagetitle]] - image {$file['rank']}">
                    </picture>
				</a>
			{/if}
            {/foreach}
		</div>
	</div>
</div>

При этом, обычны код работает нормально.

<picture>
		    <source srcset="[[+tv.img_news:phpthumbof=`f=webp`]]" type="image/webp">
			<img src="[[+tv.img_news]]" alt="[[+pagetitle]]">
		</picture>

[Александр Васильев]

Дмитрий, modphpthumbof - что это?
говорил же - пакет phpthumbon и {$$file.url | phpthumbon: 'f=webp'}

[Дмитрий]

Александр Васильев, Да, спасибо. Только один лишний знак $

[Дмитрий]

Александр Васильев. Можете вопрос сформировать и я его отмечу как решение.

Answer 1

[Александр Васильев]

пакет phpthumbon и {$file.url | phpthumbon: 'f=webp'}