[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`]]
Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

[MODx] Подсказки по API

[MODx] minishop2 tips

[Code helper] Заготовки для работы

Преобразовать JSON в HTML

[MODX] Загрузка сниппета после загрузки страницы через AjaxSnippet

[MODX, MiniShop2] Отредактировать письмо о заказе - добавить ТВ поле, или что-то еще

[MODX, pdoCrumbs] Вывести список всех родителей в ТВ поле ресурса

[JS] Связать значения инпутов через jQuery (биндинг)

[MODX] Массово обновить ТВ, или другое поле через базу

[miniShop2] Разместить корзину внутри блока с оформлением заказа

[OpenCart 1.5.1] Массово изменить адреса картинок у товаров

Вывести список всех файлов на сервере (и размер файла)

[PHP] Фиксированная сортировка массива на основе хэша

Курсы валют с cbr.ru на PHP, с запасным вариантом и кэшированием

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

Изменить цену на товар, если в корзине лежит товар из особой категории minishop2

Скрыть информацию о том, что сайт работает на MODX

[MODX] Сообщение о том, что сайт использует Cookie

Не работает подгрузка товаров ajax mfilter2 на мобильном

Постраничная навигация — набор параметров и CSS PdoPage

Разбить вывод pdoResources на несколько колонок (блоков)

[MODX] Добавить скрипт перед тегом body

[PHP] Узнать скорость выполнения кода. Простой таймер PHP

Вывести список всех емэйлов miniShop2

[MODX] Создать редирект через autoRedirector API

[MODX, MiniShop2] Отредактировать шаблон письма

[MODX] Кастомный чанк для AdminPanel

[MODX] Оформление и настройка easyComm. Комментарии и отзывы на сайте.

[MODX, MiniShop2] Обязательный чекбокс при оформлении заказа

[JS] Маска для ввода телефона +7(___)___-__-__

[MODX, MiniShop2] Добавить в письмо контактную информацию

[MODX, MiniShop2] Email сделать не обязательным полем

[MODX] Импорт и экспорт в MiniShop2. Реализация 1

[MODX, MiniShop2] Изменить формат номера заказа

Изменить цену на товар в зависимости от количества при добавлении в корзину minishop2

Общая сумма по каждому товару в корзине Minishop2

reCaptcha не через форму (без тега <form>)

Расширение свойств товаров minishop2

pdoPage и getImageList - Постраничная навигация MIGX

[MODX] Соответствие названия классов с названиями таблиц в MySQL

Вывести 404 ошибку по настройки TV MODX

Расширить таблицу site_content (объект modResource) за 5 минут

Передать файл с одного на другой сервер

Создать ресурс процессором $modx->runProcessor('resource/create', $props)

Как включить HTTPS (SSL) в MODX - Подробная инструкция

[MODX, MIGX] Простейшая авторизация

[MIGX] Простая и симпатичная галерея fancybox

[MODX] Узнать размер файла

Красивое адаптивное меню под pdoMenu

pdoResources Заготовки для работы

FontAwesome - часто используемые иконки для шаблонов MODX

[MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

[MODX, MIGX] Вывести getImageList только если он не пустой

Bxslider отображение картинок после полной загрузки слайдера

[MODX] Вывести список всех опций MiniShop2

[MODX] Курсы валют с cbr.ru на PHP

[MODX, MIGX] Простой аудио-плеер HTML5

Как контролировать кэш CSS и скриптов

[OpenCart] Вывести на главную все категории с картинками

[PHP] Получить древовидный массив за один запрос к базе

Вырезать кавычки - фильтр MODx

Регулярное выражение

[MODx] Генератор настроек MIGX

[MODx, MIGx] Документация на русском по MIGx

[MODx] Динамическое поле emailSubject в FormIt

[MODx] Установить шаблон по-умолчанию для новых, создаваемых ресурсов

[MODx,MiniShop2] Не приходит почта администратору

[MODx] Баннеры с использованием BannerY

[Opencart] Вернуть английский язык, если вы его удалили

Универсальная форма обратной связи — feedBackForm

[MODx, miniShop2] Генерация YML для выгрузки в маркет

Редиректы

[MODx] pdoPage pagination css

[MODx] Вывести время загрузки (формирования) страницы

[MODx] Создать источник файлов

[MODx, minishop] Фильтрация по TV параметрам в msProducts

Регулярные выражения notepad++ примеры

[MODx] Создать свою страницу в админке

[JS] Заготовочки

[MODx] Поиск на сайте с пакетом SimpleSearch

[MODx, XML] Ответ для сервиса moneta.ru

[MODx] Подключить MODx в стороннем PHP файле

[MODx] Создать пакет с пользовательской таблицей

[PHP] Простое логирование

[OpenCart] Вывести модуль напрямую через контроллер

[MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

[MODx, MIGX] Примеры использования

[MODx] Сайт на обслуживании (выключить сайт)

[Opencart, FilterPro] Не работает пагинация

[OpenCart] Заготовки для автоматического заполнения товарами магазина 1.5.5.1.2

[PHP] Разные фишки, заготовки

[PHP, JSON] Пример перевода с помощью Yandex Translate API

[MySQL] Примеры запросов

[MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

[MODx] Дата на русском

[MODx] Ускорить установку MODx revo до пары кликов

[Opencart] API tips

[MODx, Quip] Отсортировать ресурсы по количеству комментариев Quip MODx

[PHP] Загрузить файл для постобработки

[Opencart 2] Показывать в категориях

[MODx, Quip] Более рабочий вариант.

[MODx] Получить grandparent. Вывести родитель родителя

[MODx] Вывести все доступные плейсхолдеры.

[MODx] getResources заготовки

[MODx] Счетчик посещений и скачиваний для сортировки ресурсов

[MODx] Как разместить исходный код сниппета на сайте, в документации

Удалить HTML-теги span, и стили из тега br

Полезные ссылки

Все записи