Сегодня в статье рассмотрим основные параметры phpThumbOn MODX Revo и вообще, что это за зверь такой.
Любой контент, выгружаемый на веб-страницу, требует определенной обработки перед тем как попасть на экран пользователя. Обработка контента нужна для двух важных моментов:
- ускорить загрузку веб-страницы на устройство пользователя;
- правильно отобразить контент на устройстве пользователя, опираясь на разрешение экрана.
Если с текстовым контентом еще более или менее решаемо, то с изображениями на веб-страницы все намного сложнее. Ведь одно и то же изображение на сайте должно смотреться одинаково хорошо на экране компьютера и на экране смартфона. Важно, чтобы изображение оставалось узнаваемым и там и там, и доносило основной смысл. Обработка изображений на странице только кажется простым действием, на самом деле это не так. И только благодаря таким инструментам, как phpThumbOn MODX, обработка изображений становится действительно простой.
Основные параметры phpThumb MODX Revo
Давайте разберемся со всем по порядку.
MODX — это CMS или система управления контентом на сайте, это такой же инструмент как Wordpress или Joomla. MODX Revo или MODX Revolution — это вариация CMS MODX, которую можно скачать и самостоятельно установить на сервер.
Внутри MODX собрано множество разных библиотек и скриптов, которые вместе и образуют единую систему управления контентом. Одной немаловажной библиотекой является phpThumb. Конкретно эта библиотека отвечает за работу с изображениями на сайте. С ее помощью можно:
- уменьшить или увеличить изображение до нужного размера перед публикацией на сайте;
- преобразовать формат изображения, например с «png» в «webp» и др.
- наложить на изображение водяной знак или логотип;
- стилизовать изображение каким-либо эффектом;
- и др.
Любая библиотека — это какой-то код, который также состоит из определенных компонентов. Например, один компонент библиотеки уменьшает изображения, а другой компонент библиотеки налаживает фильтры, третий добавляет эффекты и т. д.
В библиотеке phpThumb есть два важных компонента для обработки изображений — это phpThumbOn и pThumb. Нужно отметить, что оба этих компонента не установлены по умолчанию в библиотеку phpThumb, а добавляются разработчиком самостоятельно и выполняют похожие функции, поэтому подключать оба сразу не имеет смысла.
Не будем вдаваться в подробное описание этих компонентов, потому что каждый из них заслуживает отдельной статьи. Обобщив, можно сказать так: оба компонента расширяют возможности библиотеки phpThumb в плане обработки и модификации изображения.
Так как оба компонента выполняют похожие функции, мы рассмотрим основные их параметры на примере одного из них.
Основные параметры phpThumbOn MODX Revo
Компонент phpThumbOn MODX отвечает за размеры итоговой картинки, поэтому в его параметрах есть следующие идентификаторы:
- «w, wp, wl, ws» — отвечают за ширину картинки в пикселях;
- «h, hp, hl, hs» — отвечают за высоту изображения в пикселях.
Компонент phpThumbOn MODX может определять качество и тип изображения, для этого в его параметрах есть следующие идентификаторы:
- «f» — определяет расширение обрабатываемой картинке, например: jpg, png, webp и др.
- «q» — отвечает за сжатие, например JPEG20 или JPEG80.
С помощью компонента phpThumbOn можно задать оформление изображению, для этого в нем есть соответствующие идентификаторы, например:
- «bg» — отвечает за цвет фона;
- «bc» — отвечает за цвет границы.
Используя компонент phpThumbOn в MODX, можно обрезать картинки. Например, для этого можно использовать идентификатор «zc», который определяет обрезку с масштабированием. Ему соответствует несколько аргументов:
- «Т» — обрезка сверху;
- «В» — обрезка снизу;
- «L» — обрезка слева;
- «R» — обрезка справа.
Для более сложной обработки изображений внутри phpThumbOn собрано множество фильтров-обработчиков. Например:
- «brit» — отвечает за яркость;
- «cont» — отвечает за контрастность;
- «sat» — отвечает за насыщение цветом;
- «gray» — определяет оттенки серого;
- «rcd» — отвечает за глубину цвета;
- «sep» — задает эффект состаренной фотографии;
- «blur» — задает изображению «размытие»;
- «smth» — отвечает за сглаживание;
- «wb» — помогает отбалансировать белый цвет;
- «hist» — создаст из изображения гистограмму;
- «wmi и wmt» — наложат на изображение водяной знак;
- «flip[x]» — отразит изображение по горизонтали;
- «flip[y]» — отразит изображение по вертикали;
- «ric» — закруглит углы изображения;
- «over» — наложит одно изображение на другое;
- «new» — создаст новое изображение из существующего;
- «bord» — определит изображению границы (рамку);
- «drop» — задаст тень существующему изображению;
- «size» — изменит размер изображения по заданным параметрам;
- и мн. др.
Заключение
Сегодня мы разобрали основные параметры компонента phpThumbOn в MODX Revo. Несложно заметить, что с помощью этого компонента и библиотеки phpThumb можно модифицировать изображение до не узнаваемости.
Web