Вопросы специалистов

Песочница

Tips & tricks

Blog by Fi1osof

phpThumb/modPhpThumb - наложение текста на изображение

phpthumb файлы в кеше

Проблема с выводом картинок

[Решено] Большая нагрузка phpThumb на сервер при большом количестве картинок

Обзор компонентов под MODX Revoluton для обработки изображений на лету

Абсолютные ссылки без примесей ресайзнутых картинок

Как долго я искал это решение! Очень благодарен! Пошел испытывать

Как долго я искал это решение! Очень благодарен! П

Отпишитесь по результатам :)

Доброе время суток) Долго я мучался, но нашел выход и в своей ситуации. Но в моем случае все оказалось гораздо проще. Мне не нравились примеси в имени файлов в Галерее изображений. Она у меня на основе компонента Gallery 1.6.2. Для отображения читаемого адреса достаточно сменить [[+image]] на [[+image_absolute]] в чанке оформления миниатюры. У меня это выглядит так
 

<li><a href="[[+image_absolute]]" class="fancybox" rel="external">
<img src="[[+thumbnail]]" alt="[[+description]]" title="[[+description]]" /></a>
<div class="description"> [[+description]]</div>
</li>

Доброе время суток) Долго я мучался, но нашел выход и в своей ситуации. Но в моем случае все оказалось гораздо проще. Мне не нравились примеси в имени файлов в Галерее изображений. Она у меня на основе компонента Gallery 1.6.2. Для отображения читаемого адреса достаточно сменить [[+image]] на [[+image_absolute]] в чанке оформления миниатюры. У меня это выглядит так <li><a href="[[+image_absolute]]" class="fancybox" rel="external">
<img src="[[+thumbnail]]" alt="[[+description]]" title="[[+description]]" /></a>
<div class="description"> [[+description]]</div>
</li>

Доброе время суток) Долго я мучался, но нашел выхо

достаточно сменить [[+image]] на [[+image_absolute]] 

Это исходная картинка, не ресайзнутая. Если вы зальете 100мегапиксельную картинку, то вам и будет она выведена. В этом огромная разница.

достаточно сменить [[+image]] на [[+image_absolute]] Это исходная картинка, не ресайзнутая. Если вы зальете 100мегапиксельную картинку, то вам и будет она выведена. В этом огромная разница.

достаточно сменить [[+image]] на [[+image_absolute

В моем случае они ресайзаются самой Галереей по заранее созданным настройкам
 

&thumbWidth=`250` &thumbHeight=`194` 
&thumbProperties=`{"f":"jpg","q":"50%"}`
&thumbTpl=`GalItemThumb`

В моем случае они ресайзаются самой Галереей по заранее созданным настройкам &thumbWidth=`250` &thumbHeight=`194` 
&thumbProperties=`{"f":"jpg","q":"50%"}`
&thumbTpl=`GalItemThumb`

В моем случае они ресайзаются самой Галереей по за

Я не спорю — может я пишу совсем о другом. Просто больше трех месяцев я периодически натыкался на эту проблему, и самое главное никто не мог рассказать как исправить. Я задавал этот вопрос на нескольких форумах, и все без толку. Потому и пишу — может кому нибудь поможет)

Я не спорю — может я пишу совсем о другом. Просто 

Дайте ссылку на сайт, где выводятся эти самбы.

stavmaster.com

Так и где у вас там ресайзинг? Вот смотрим галерею: stavmaster.com/galereya
 

В ней ссылка идет на исходную картинку, как она есть: /assets/gallery/30/624.jpg
 А самбы с примесями: /assets/components/gallery/connector.php?action=web/phpthumb&ctx=web&w=250&h=194&zc=1&far=C&q=50%25&f=jpg&src=%2Fassets%2Fgallery%2F30%2F624.jpg
 И где же решение озвученной проблемы?

Так и где у вас там ресайзинг? Вот смотрим галерею: stavmaster.com/galereya <ul class="galleries">
<li>
<a class="fancybox" rel="external" href="/assets/gallery/30/624.jpg">
<img title="" alt="" src="/assets/components/gallery/connector.php?action=web/phpthumb&ctx=web&w=250&h=194&zc=1&far=C&q=50%25&f=jpg&src=%2Fassets%2Fgallery%2F30%2F624.jpg">
</a>
<div class="description"> </div>
</li> В ней ссылка идет на исходную картинку, как она есть: /assets/gallery/30/624.jpg
 А самбы с примесями: /assets/components/gallery/connector.php?action=web/phpthumb&ctx=web&w=250&h=194&zc=1&far=C&q=50%25&f=jpg&src=%2Fassets%2Fgallery%2F30%2F624.jpg
 И где же решение озвученной проблемы?

Так и где у вас там ресайзинг? Вот смотрим галерею

О как) вот что значит обрадовался! Увидел короткий адрес при наведении мыши на картинку — и думал что проблема решена((

О как) вот что значит обрадовался! Увидел короткий

Именно. И в этом топике как раз и описывается как это решается.

Именно. И в этом топике как раз и описывается как 

Но ведь в настройках modx есть раздел phpThumb, где присутствуют все эти 3 настройки. И в методеmodPhpThumb::initialize() эти настройки загружаются в поля класса phpThumb:
 

$this->setParameter('config_cache_maxage',(float)$this->modx->getOption('phpthumb_cache_maxage',$this->config,30) * 86400);
        $this->setParameter('config_cache_maxsize',(float)$this->modx->getOption('phpthumb_cache_maxsize',$this->config,100) * 1024 * 1024);
        $this->setParameter('config_cache_maxfiles',(int)$this->modx->getOption('phpthumb_cache_maxfiles',$this->config,10000));

Или 2 года назад в настройках modx раздела phpThumb не было?

Но ведь в настройках modx есть раздел phpThumb, где присутствуют все эти 3 настройки. И в методеmodPhpThumb::initialize() эти настройки загружаются в поля класса phpThumb: $this->setParameter('config_cache_maxage',(float)$this->modx->getOption('phpthumb_cache_maxage',$this->config,30) * 86400);
        $this->setParameter('config_cache_maxsize',(float)$this->modx->getOption('phpthumb_cache_maxsize',$this->config,100) * 1024 * 1024);
        $this->setParameter('config_cache_maxfiles',(int)$this->modx->getOption('phpthumb_cache_maxfiles',$this->config,10000)); Или 2 года назад в настройках modx раздела phpThumb не было?

Но ведь в настройках modx есть раздел phpThumb, гд

'config_cache_maxage' != 'phpthumb_cache_maxage'. По этой причине найти их было никак. Это потом уже нашлись. И да, они тут помогают. В любом случае, материал оставил, ибо полезен :)

'config_cache_maxage' != 'phpthumb_cache_maxage'. 

'config_cache_maxage' != 'phpthumb_cache_maxage'

Имеете ввиду, что (config_cache_maxage) — в секундах, а (phpthumb_cache_maxage) — в днях?
 

Но ведь в методе modPhpThumb::initialize() выполняется конвертация и ориганальные конфиги phpThumb корректно формируются на основе modx-настроек. Не смекнул, что значит «найти их было phpthumb_cache_maxage, phpthumb_cache_maxsize, phpthumb_cache_maxfiles?

'config_cache_maxage' != 'phpthumb_cache_maxage' Имеете ввиду, что (config_cache_maxage) — в секундах, а (phpthumb_cache_maxage) — в днях? Но ведь в методе modPhpThumb::initialize() выполняется конвертация и ориганальные конфиги phpThumb корректно формируются на основе modx-настроек. Не смекнул, что значит «найти их было phpthumb_cache_maxage, phpthumb_cache_maxsize, phpthumb_cache_maxfiles?

'config_cache_maxage' != 'phpthumb_cache_maxage' И

Не смекнул, что значит «найти их было никак". Не было modx-настроек phpthumb_cache_maxage, phpthumb_cache_maxsize, phpthumb_cache_maxfiles?

Не смекнул, что значит «найти их было никак". Не б

Я специально в кавычках написал. Сравниваю строки, а не результаты чтения конфигов. 'config_cache_maxage' !== 'phpthumb_cache_maxage'. Так понятней? 
 Я к тому, что поиск ни по сырцам, ни по базе данных не позволял найти эти конфиги. В MODX-е они переименованы.

Я специально в кавычках написал. Сравниваю строки,

Именно.

Ошибки свидетельствуют о том, что не получилось сгенерировать превьюшку из картинки. Скорее всего расширение GD не установлено или типа того (смотрите php-логи). Пропадают картинки при авторизации по той причине, что у админа есть права на отладку и плагин Debug включает вывод отладки во фронт. Посмотрите журнал ошибок MODX-а, и там наверняка увидите кучу тех же самых ошибок, которые записывались при отсутствии прав на отладку. А без авторизации вы видите картинки, потому что phpThumb если не может сгенерить превьюшку, возвращает путь на оригинальную картинку. А при выводе отладки атрибут src тега img засоряется и путь бьется.

Ошибки свидетельствуют о том, что не получилось сг

Это известная проблема. Могу посоветовать Вам проверить проверить параметр «memory_limit» в php.ini. Поставте 128M и счастье должно придти.

Это известная проблема. Могу посоветовать Вам пров

Для вывода одинакового для всех картинок текста можно просто накладывать png с подготовленным как надо текстом.
 Просто я не вижу необходимости динамически внедрять в картинку текст. Подписать можно и в слое, наложенном на картинку средствами html/css.

Для вывода одинакового для всех картинок текста мо

Для вывода одинакового для всех картинок текста можно просто накладывать png с подготовленным как надо текстом.

Текст индивидуален для каждой картинки. И должен присутствовать непосредственно на картинке, т.к. содержит информацию об авторских правах, комментарий и пр. (без комментария, к примеру, будет непонятно или не совсем понятно, что там изображено и где оно находится).
 

Просто я не вижу необходимости динамически внедрять в картинку текст. Подписать можно и в слое, наложенном на картинку средствами html/css. 

После скачивания картинок с сайта эту информацию (текст) пользователь не увидит. Со всеми вытекающими…
 

P.S.
 1) Запрограммировать можно любой — сколь угодно сложный — функционал
 2) Чем сложнее функционал, реализованный на твоём сайте, тем меньше реальных и потенциальных конкурентов

Для вывода одинакового для всех картинок текста можно просто накладывать png с подготовленным как надо текстом. Текст индивидуален для каждой картинки. И должен присутствовать непосредственно на картинке, т.к. содержит информацию об авторских правах, комментарий и пр. (без комментария, к примеру, будет непонятно или не совсем понятно, что там изображено и где оно находится). Просто я не вижу необходимости динамически внедрять в картинку текст. Подписать можно и в слое, наложенном на картинку средствами html/css. После скачивания картинок с сайта эту информацию (текст) пользователь не увидит. Со всеми вытекающими… P.S.
 1) Запрограммировать можно любой — сколь угодно сложный — функционал
 2) Чем сложнее функционал, реализованный на твоём сайте, тем меньше реальных и потенциальных конкурентов

Информация об авторских правах различается (авторы — разные), комментарии — тоже разные.
 И это всё должно присутствовать на самой картинке, как минимум, из соображений защиты авторских прав

Информация об авторских правах различается (авторы

2) Чем сложнее функционал, реализованный на твоём сайте, тем меньше реальных и потенциальных конкурентов

Возможно. Спорить не буду. Знаю только, что при желании можно и watermark почистить. Да, долго и нудно, но можно.
 

P.S.: как вариант — habrahabr.ru/post/43744/

2) Чем сложнее функционал, реализованный на твоём сайте, тем меньше реальных и потенциальных конкурентов Возможно. Спорить не буду. Знаю только, что при желании можно и watermark почистить. Да, долго и нудно, но можно. P.S.: как вариант — habrahabr.ru/post/43744/

2) Чем сложнее функционал, реализованный на твоём 

Знаю только, что при желании можно и watermark почистить

Что вы имеете ввиду под «почистить»? Вручную реализовать сглаживание?
 

В этой статье приведённый класс для наложения текста использует ту же GD-функцию ImageTTFtext(), у которой, как я указал выше, нет параметров сглаживания. И вообще, в статье не упоминается про сглаживание.
 Разве что в комментариях упоминается библиотека magickwand. Её вы имели ввиду?

Знаю только, что при желании можно и watermark почистить Что вы имеете ввиду под «почистить»? Вручную реализовать сглаживание? P.S.: как вариант — habrahabr.ru/post/43744/ В этой статье приведённый класс для наложения текста использует ту же GD-функцию ImageTTFtext(), у которой, как я указал выше, нет параметров сглаживания. И вообще, в статье не упоминается про сглаживание.
 Разве что в комментариях упоминается библиотека magickwand. Её вы имели ввиду?

Знаю только, что при желании можно и watermark поч

А как тебе такой хак? На стороне сервера средствами JS+canvas фигачить картинки-копирайты, а далее уже их накладывать вотермарками? Просто в тех же браузерах, сглаживание — это дело самих браузеров. Открой один и тот же сайт в разных браузерах, и шрифты будут по разному сглажены там. На сколько я знаю, лучшее сглаживание у сафари, затем IE! (да-да, там классное сглаживание), ну и только потом хромы с огнелисами и т.п.
 Как у пыха со сглаживанием дела обстоят, я не в курсе, к сожалению.

А как тебе такой хак? На стороне сервера средствам

А вот, по теме, если смотреть на приведенные примеры, то результаты весьма хороши: zinchenko.us/article/php-images-with-text 
 Очень заинтересовала тема. 
 В разных СМИ, например Медузе, заглушки для отправки в соц сети очень качественно смотрятся (пример:https://meduza.io/image/share_images/15949.png?). Не вручную же они их делают. Соответственно, нужная штука, на новостных сайтах особенно.

А вот, по теме, если смотреть на приведенные приме

На стороне сервера средствами JS+canvas фигачить картинки-копирайты, а далее уже их накладывать вотермарками?

Ну, пока ещё не так припёрло, чтобы до такого дойти. Хотя вариант — решение (и логику взаимодействия с сервером будет нужно проработать, т.к. при наложении используется информация из БД сервера и эту информацию заранее всю на клиент не загрузишь, т.к. её много).
 

Проверил в последнем FF (41.0) — текст не очень-то уж и сглаженный получается. Это если (JS+canvas)
 

P.S. Ну а коли не припёрло, дальше использования готовых библиотек двигаться незачем.
 Стоит подождать, пока в новых версиях imagick будет реализовано сглаживание текста. И после выполнить перегенерацию всех изображений. Сервер стерпит…

На стороне сервера средствами JS+canvas фигачить картинки-копирайты, а далее уже их накладывать вотермарками? Ну, пока ещё не так припёрло, чтобы до такого дойти. Хотя вариант — решение (и логику взаимодействия с сервером будет нужно проработать, т.к. при наложении используется информация из БД сервера и эту информацию заранее всю на клиент не загрузишь, т.к. её много). Проверил в последнем FF (41.0) — текст не очень-то уж и сглаженный получается. Это если (JS+canvas) P.S. Ну а коли не припёрло, дальше использования готовых библиотек двигаться незачем.
 Стоит подождать, пока в новых версиях imagick будет реализовано сглаживание текста. И после выполнить перегенерацию всех изображений. Сервер стерпит…

На стороне сервера средствами JS+canvas фигачить к

Проверил в последнем FF (41.0) — текст не очень-то уж и сглаженный получается. Это если (JS+canvas)

Скорее, совсем не сглаженный

Проверил в последнем FF (41.0) — текст не очень-то уж и сглаженный получается. Это если (JS+canvas) Скорее, совсем не сглаженный

Проверил в последнем FF (41.0) — текст не очень-то

Ясно. Ну, держи в курсе новых достижений. Тема действительно интересная.

Ясно. Ну, держи в курсе новых достижений. Тема дей

Оба класса, предложенные по ссылке, никаких дополнительный действий по сглаживанию не выполняют. Оба класса используют тот же самый ImageTTFtext(). И всё.

Оба класса, предложенные по ссылке, никаких дополн

Тем не менее, проблема решена. Получил нормальный сглаженный текст.
 Согласно справке:
 

color
 Индекс цвета. Использование отрицательных индексов создает эффект выключенного сглаживания. См. imagecolorallocate().

Стало быть, по умолчанию функция должна выполнять сглаживание. Посмотрел в приближении — сглаживание действительно имеется. Но в реальном масштабе шрифт выглядит коряво. Возможно, я слишком привередлив, но корявость действительно имеется.
 

А причины тому следующие:
 1) небольшой размер шрифта (8-12px)
 2) Неудачная комбинация протестированных шрифтов и алгоритмов сглаживания, реализованных в ImageMagick
 

Решение простое — подбор шрифта, наложение текста, визуальная оценка. Таким способом на размерах текста 9-12px от корявости можно полностью избавиться, что я и сделал. На более мелких шрифтах (< 8-9px) некоторая корявость, скорее всего, останется.
 

Тем не менее, проблема решена. Получил нормальный сглаженный текст.
 Согласно справке: color
 Индекс цвета. Использование отрицательных индексов создает эффект выключенного сглаживания. См. imagecolorallocate(). Стало быть, по умолчанию функция должна выполнять сглаживание. Посмотрел в приближении — сглаживание действительно имеется. Но в реальном масштабе шрифт выглядит коряво. Возможно, я слишком привередлив, но корявость действительно имеется. А причины тому следующие:
 1) небольшой размер шрифта (8-12px)
 2) Неудачная комбинация протестированных шрифтов и алгоритмов сглаживания, реализованных в ImageMagick Решение простое — подбор шрифта, наложение текста, визуальная оценка. Таким способом на размерах текста 9-12px от корявости можно полностью избавиться, что я и сделал. На более мелких шрифтах (< 8-9px) некоторая корявость, скорее всего, останется.

Тем не менее, проблема решена. Получил нормальный 

Круть! Респект! :)

Я один их не вижу?

Ссылку добавил в статью. Побилась, после переноса с ливстрита. Но ссылка битая, вероятно Евгений все свои блоги снес. Написал ему по почте вопрос, ответит, маякну.

Ссылку добавил в статью. Побилась, после переноса 

Все, снес он все блоги свои безвозвратно. Так что сорри.

Все, снес он все блоги свои безвозвратно. Так что 

Подскажите, пожалуйста, как использовать? 

Точнее как открыть доступ чтоб ананомы могли генерировать изображения?

Подскажите, пожалуйста, как использовать? Точнее как открыть доступ чтоб ананомы могли генерировать изображения?

Подскажите, пожалуйста, как использовать? Точнее к

Вообще процессоры никто не открывает. Для вызова процессоров создаются коннекторы. Для connectors/system/phpthumb.php тоже есть коннектор connectors/system/phpthumb.php но он закрыт для доступа неавторизованных пользователей. Чтобы доступ открыть, создайте свой коннектор и из него уже вызывайте этот коннектор, но перед вызовом пропишите 

Это отключит проверку конкретно при вызове данного коннектора.

Пример вызова: /connectors/system/phpthumb.php?src=assets/images/lazy/2ca4cdfbc2724655d6ca1edfad86b70a.jpg&w=300

Вообще процессоры никто не открывает. Для вызова процессоров создаются коннекторы. Для connectors/system/phpthumb.php тоже есть коннектор connectors/system/phpthumb.php но он закрыт для доступа неавторизованных пользователей. Чтобы доступ открыть, создайте свой коннектор и из него уже вызывайте этот коннектор, но перед вызовом пропишите Это отключит проверку конкретно при вызове данного коннектора. Пример вызова: /connectors/system/phpthumb.php?src=assets/images/lazy/2ca4cdfbc2724655d6ca1edfad86b70a.jpg&w=300

Вообще процессоры никто не открывает. Для вызова п

спасибо за совет

ArtDeVue

DDoS

Gallery

htaccess

modx revo

modx revolution

phpThumb

phpthumbof

баг

картинки

кэш

обзор

поисковики

файлы

ЧПУ

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!