[MODX] pThumb - ресайз изображений. Примеры использования.

После того как однажды перейти с phpThumbOf на rezImgCrop я в целом был доволен жизнью, но все таки последний сниппет хоть и был хорош, но в нем тожде были косяки.

Варианты вызова сниппета

• [[*image:pthumb=`w=245&h=170&zc=1`]]
• [[!pthumb? &input=`img/photo.jpg` &options=`w=245&h=170&zc=1`]]
• {$_pls['tv.image'] | pthumb : 'w=245&h=170&zc=1'}

Тут можно найти варианты использования pThumb, а также тестирование степени сжатия, чтобы определить требования Google PageSpeed к компрессии изображений.

Примеры использования pThumb

Горизонтальные

Размер: 483.22 КБ
Ширина: 1280px
Высота: 783px

Вертикальные

Размер: 533.33 КБ
Ширина: 736px
Высота: 1100px

PNG с прозрачным фоном

Размер: 200.24 КБ
Ширина: 404px
Высота: 693px

Оригинал

Горизонтальные

Размер: 282.69 КБ
Ширина: 1280px
Высота: 783px

Вертикальные

Размер: 209.32 КБ
Ширина: 736px
Высота: 1100px

PNG с прозрачным фоном

Размер: 194.77 КБ
Ширина: 404px
Высота: 693px

[[*image:pthumb]]

Горизонтальные

Размер: 15.33 КБ
Ширина: 250px
Высота: 153px

Вертикальные

Размер: 25.88 КБ
Ширина: 250px
Высота: 374px

PNG с прозрачным фоном

Размер: 70.95 КБ
Ширина: 250px
Высота: 429px

[[*image:pthumb=`w=250`]]

Горизонтальные

Размер: 36.99 КБ
Ширина: 409px
Высота: 250px

Вертикальные

Размер: 12.41 КБ
Ширина: 167px
Высота: 250px

PNG с прозрачным фоном

Размер: 25 КБ
Ширина: 146px
Высота: 250px

[[*image:pthumb=`h=250`]]

Горизонтальные

Размер: 15.33 КБ
Ширина: 250px
Высота: 153px

Вертикальные

Размер: 12.41 КБ
Ширина: 167px
Высота: 250px

PNG с прозрачным фоном

Размер: 25 КБ
Ширина: 146px
Высота: 250px

[[*image:pthumb=`w=250&h=250`]]

Горизонтальные

Размер: 16.41 КБ
Ширина: 180px
Высота: 250px

Вертикальные

Размер: 13.62 КБ
Ширина: 180px
Высота: 250px

PNG с прозрачным фоном

Размер: 29.92 КБ
Ширина: 180px
Высота: 250px

[[*image:pthumb=`w=180&h=250&zc=1`]]

Горизонтальные

Размер: 22.99 КБ
Ширина: 250px
Высота: 250px

Вертикальные

Размер: 19.46 КБ
Ширина: 250px
Высота: 250px

PNG с прозрачным фоном

Размер: 39.04 КБ
Ширина: 250px
Высота: 250px

[[*image:pthumb=`w=250&zc=1`]]

Горизонтальные

Размер: 14.51 КБ
Ширина: 245px
Высота: 150px

Вертикальные

Размер: 10.06 КБ
Ширина: 150px
Высота: 224px

PNG с прозрачным фоном

Размер: 25 КБ
Ширина: 146px
Высота: 250px

[[*image:pthumb=`wp=150&hp=250&wl=250&hl=150`]]

Горизонтальные

Размер: 23.77 КБ
Ширина: 250px
Высота: 250px

Вертикальные

Размер: 17.89 КБ
Ширина: 250px
Высота: 250px

PNG с прозрачным фоном

Размер: 41.74 КБ
Ширина: 250px
Высота: 250px

[[*image:pthumb=`w=250&h=250&iar=1`]]

Горизонтальные

Размер: 32.04 КБ
Ширина: 409px
Высота: 250px

Вертикальные

Размер: 10.68 КБ
Ширина: 167px
Высота: 249px

PNG с прозрачным фоном

Размер: 28.34 КБ
Ширина: 146px
Высота: 250px

[[*image:pthumb=`h=250&fltr[]=wmt|webstool.ru|14|*|ffffff|/fonts/arial.ttf|40|5|33|50`]]

Тестирование степени сжатия изображения

Размер: 127.8 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835`]] (По-умолчанию идет q=75)

Тестирование степени сжатия изображения

Размер: 283.39 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=95`]]

Размер: 169.84 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=85`]]

Размер: 127.8 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=75`]]

Размер: 105.73 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=65`]]
(Оптимальная компрессия по мнению подслеповатого Google PageSpeed)

Размер: 90.72 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=55`]]

Размер: 79.55 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=45`]]

Размер: 67.66 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=35`]]

Размер: 53.76 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=25`]]

Размер: 37.55 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=15`]]

Размер: 16.48 КБ
Ширина: 835px
Высота: 511px

[[*image:pthumb=`w=835&q=5`]]