Bereke Bank
Шрифт:
Изображения:
Настройки:
Сбросить настройки:
Выберите шрифт:
Интервал между буквами (Кернинг):
Интервал между строками:
Версия для слабовидящих
Шрифт:
Изображения:
Настройки:
Сбросить настройки:
Выберите шрифт:
Интервал между буквами (Кернинг):
Интервал между строками:

Тест изображений

У каждого кейса своя картинка — чтобы не пересекался кэш /resize/hash.

Смотри URL в DevTools → Network. Если видишь /resize/… и 404 — падает resizer, не оригинал в media.

1. Без паршала (прямой src)

A. |media только
без resize, без webp — контрольный
A media only
B. |media|resize(640) + webp
resize(640, false, { extension: webp, quality: 85 })
B resize webp
C. |media|resize(640) без webp
resize(640, false) — исходный формат
C resize no webp
D. |media|resize webp без ширины
resize(false, false, { extension: webp })
D webp only
E. LQIP placeholder 30px webp
resize(30, false, { extension: webp }) — как blur-up
E placeholder

2. Partial lazy-image

L1. resize + webp + blurUp
defaults: resize, convertToWebp, blurUp
lazy resize webp blur
L2. resize + webp, без placeholder
blurUp=false, eager=true
lazy resize webp no blur
L3. без resize (raw |media)
resize=false
lazy no resize
L4. resize без webp
convertToWebp=false, resizeWidth=640
lazy resize no webp
L5. webp без resizeWidth
только convertToWebp — всё равно /resize/
lazy webp only
L6. blurUp без resizeWidth
placeholder + full webp без downscale
lazy blur no resizeW

3. Partial lazy-image-responsive

R1. desktopResizeWidth=640 + blurUp
как intro: resize + webp + placeholder
responsive resize blur
R2. desktopResizeWidth=640, без placeholder
blurUp=false, eager=true (как intro hero)
responsive resize no blur
R3. без resizeWidth
webp через convert — всё равно /resize/
responsive no resizeW
R4. convertToWebp=false
resize есть, webp нет
responsive no webp