Пресеты превью
Компоненты → Prism → Пресеты превью. Пресет — это именованный набор правил, по которым делается картинка. Имя пресета попадает в адрес превью.
Пресет всегда работает с тем, что ему дали: если у элемента задан кадр, уменьшается кадр, а не исходный снимок — см. порядок операций.
В поставке
| Пресет | Размер | Режим | Качество | dpr | Для чего |
|---|---|---|---|---|---|
thumb | 300×300 | crop | 82 | 1, 2 | Сетка в панели администратора. Удалить нельзя. |
card | 600×400 | crop | 82 | 1, 2 | Карточки и плитки на сайте. |
preview | 600×∞ | contain | 82 | 1, 2 | Плитка галереи с лайтбоксом: сохраняет пропорции кадра, форму задаёт CSS. |
hero | 1600×∞ | contain | 80 | 1 | Крупная иллюстрация в шапке. |
full | 2400×∞ | contain | 85 | 1 | Оригинал для лайтбокса. |
Пресеты добавляются при установке и при обновлении не перезаписываются: правьте смело.
Поля пресета
| Поле | Значения | Смысл |
|---|---|---|
| Имя | a-z0-9_-, до 50 | Попадает в адрес превью и в плейсхолдер [[+preset.имя.url]]. |
| Ширина, Высота | 0–10000 | 0 — не ограничивать сторону. Для crop обе стороны обязательны. |
| Режим | contain, crop, fill | Вписать без обрезки / заполнить с обрезкой / заполнить с полями. |
| Позиция | focal, сторона или угол | focal кадрирует вокруг точки фокуса элемента. |
| Формат | auto, webp, avif, jpg, png | auto даёт <picture> с avif и webp и запасным форматом. |
| Качество | 1–100 | Для jpg, webp, avif. |
| dpr | например 1,2 | Плотности, для которых готовится srcset. |
| Опции | JSON | Водяной знак и фильтры этого пресета. |
Как выбрать размеры
&preset задаёт основной размер, &presets — дополнительные, из которых собирается srcset
и ссылка на оригинал:
[[!prism? &preset=`card` &presets=`full`]]
crop режет кадр до фиксированной рамки, и файл превью перестаёт быть тем же кадром, что
оригинал. Из-за этого фотография дёргается при открытии. Пресет preview (contain) сохраняет
пропорции, а квадратную форму плитке задаёт CSS.
После изменения пресета
Кэш этого пресета сбрасывается автоматически — файлы создадутся заново при первом запросе. Кэш остальных пресетов не трогается.