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

Миниатюры Pimcore

Введение

При отображении изображений в шаблонах их следует оптимизировать (например, по размеру) для конкретного случая использования и устройства. Когда исходные изображения хранятся в качестве ассетов Pimcore (как и должно быть), Pimcore может выполнить всю работу по оптимизации за вас. Просто используйте функциональность миниатюр и позвольте Pimcore преобразовать изображения так, как вам нужно.

Чтобы узнать всю информацию о миниатюрах, о том, какие возможности существуют и как их настроить, пожалуйста, ознакомьтесь с разделом Работа с миниатюрами.

Использование миниатюр в шаблонах

{# Использование непосредственно на объекте ассета - myThumbnail это имя миниатюры, настроенной в конфигурации миниатюр #}  
{% set asset = asset('/path/to/image.jpg') %}
{{ asset.getThumbnail('myThumbnail').getHtml() | raw }}

{# с использованием динамической конфигурации #}
{% set asset = asset('/path/to/image.jpg') %}
{{ asset.getThumbnail({
width: 500,
format: 'png'
}).getHtml() | raw }}

{# Использование с редактируемым элементом image в документе #}
<div>
<p>
{{ pimcore_image('image', {
thumbnail: 'myThumbnail',
})
}}
</p>
</div>

{# с использованием динамической конфигурации #}
{{ pimcore_image('image', {
thumbnail: {
width: 500,
height: 0,
aspectratio: true,
interlace: true,
quality: 95,
format: 'PNG'
}
}) }}

{# Использование из поля объекта #}
{% if myObject.myImage is instanceof('Asset\\Image') %}
<img src="{{ myObject.myImage.getThumbnail('myThumbnail').getHref() }}" />
{% endif %}

{# с использованием динамической конфигурации #}
{% if myObject.myImage is instanceof('Asset\\Image') %}
<img src="{{ myObject.myImage.getThumbnail({width: 220, format: 'jpeg'}).getHref() }}" />
{% endif %}


Вы можете предложить улучшение документации или задать вопрос в комментариях.
Если вам нужна полноценная консультация — вы можете заказать её на нашем сайте.