{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "В наушниках по жизни: заметки с тегом JIT Image Manipulation", "_rss_description": "Здесь я пишу свои идеи, мысли, описываю события своей жизни и просто делаю личные и рабочие заметки. «А Вы что, собираетесь жить вечно?»", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/alexbirukov.ru\/?go=tags\/jit-image-manipulation\/", "feed_url": "https:\/\/alexbirukov.ru\/?go=tags%2Fjit-image-manipulation%2Fjson%2F", "icon": "https:\/\/alexbirukov.ru\/pictures\/userpic\/userpic@2x.jpg?1683051473", "authors": [ { "name": "Бирюков Александр", "url": "https:\/\/alexbirukov.ru\/", "avatar": "https:\/\/alexbirukov.ru\/pictures\/userpic\/userpic@2x.jpg?1683051473" } ], "items": [ { "id": "225", "url": "https:\/\/alexbirukov.ru\/?go=all\/jit-image-manipulation\/", "title": "JIT Image Manipulation", "content_html": "

JIT Image Manipulation (Just in time image manipulation т. е. работа с изображениями «на лету») представляет собой API для данамического преобразования изображений на основании URL параметров.<\/p>\n

Обзор<\/h2>\n

JIT (Just-in-time) Image Manipulation это расширение, которое помогает динамически преобразовывать изображения на основании параметров переданных через URL. Данное расширение позволяет обрезать и\/или изменять размер оригинального изображения (независимо от расположения изображения на вутреннем проекте Symphony или внешнем хостинге), а так же кэшировать изображения и возвращать уже модифицированный вариант.<\/p>\n

Использование<\/h2>\n

JIT Image Manipulation вызывается при помощи специально сформированного URL. Основанием для такого URL служит http:\/\/your-site.com\/image\/<\/a>. Дополнительные параметры указываются после базового URL и определяют режим преобразования, опции и расположение файла (описание см. ниже). Вы можете использовать данное расширение в своих шаблонах, указывая специальный URL в атрибуте src<\/span> элемента img<\/span>, например:<\/p>\n

<img src="http:\/\/yoursite.com\/image\/1\/200\/0\/images\/ninja-parade.jpg"\/><\/code><\/pre>
Внешние источники изображений<\/h2>\n
В случае если необходимо преобразовывать изображение с других сайтов, необходимо добавить домен-источник в список «Деверенные сайты (Trusted Sites)» в меню Система > Настройки<\/span>. Добавлять домены следует по одному на строку в следующем формате:<\/p>\n
images.external-site.com*<\/span><\/p>\n
Детали<\/h2>\n
Режимы<\/h3>\n
JIT Image Manipulation имеет четыре разных режима работы, каждый из которых требует разного указания URL параметров. См. таблицу ниже для получения дополнительной информации:<\/p>\n\n\n\n\n\n\n
Режим<\/b><\/td>\nОписание и структура URL<\/b><\/td>\n<\/tr>\n
<\/td>\n\/ image \/ e \/ path<\/i> По умолчанию:<\/b> Если режим преобразования не указан, изображение выводится как есть без изменений.<\/td>\n<\/tr>\n
1<\/b><\/td>\n\/ image \/ 1 \/ w \/ h \/ e \/ path<\/i> Режим 1: Изменение размера<\/b> размер исходного изображения будет изменён в соответствии с указаными значениями. Если высота<\/i> или длинна<\/i> изображения указаны как 0<\/span>, то данный параметр будет вычислен в соответствии с пропорциями изображения.<\/td>\n<\/tr>\n
2<\/b><\/td>\n\/ image \/ 2 \/ w \/ h \/ p \/ e \/ path<\/i> Режим 2: Заполнение холста<\/b> размер исходного изображения будет изменён в соответствии с указаными значениями. Если высота<\/i> или длинна<\/i> изображения указаны как 0<\/span>, то параметры будут вычислены в соответствии с пропорциями изображения.<\/td>\n<\/tr>\n
3<\/b><\/td>\n\/ image \/ 3 \/ w \/ h \/ p \/ b \/ e \/ path<\/i> Режим 3: Изменение размера холста<\/b> производится несмотря на исходный размер изображения, основываясь на параметрах высоты<\/i>, ширины<\/i> и позиции<\/i>. Если размер холста меньше исходного изображения в любом измерении, то изображение будет обрезано. В случае если размер холста больше, свободное пространство  будет заполнено фоновым цветом<\/i>.<\/td>\n<\/tr>\n<\/table>\n
Параметры<\/h2>\n
Опции преобразования изображений задаются с помощью параметров:<\/p>\n\n\n\n\n\n\n\n\n
Параметр<\/b><\/td>\nОписание<\/b><\/td>\n<\/tr>\n
Ширина (Width)<\/b><\/td>\nЧисло в пикселях. Если указано значение 0<\/span>, то обязательно необходимо указать высоту изображения, а ширина будет подобрана автоматически на основании соотношения сторон.<\/td>\n<\/tr>\n
Высота (Height)<\/b><\/td>\nЧисло в пикселях. Если указано значение 0<\/span>, то обязательно необходимо указать ширину изображения, а высота будет подобрана автоматически на основании соотношения сторон.<\/td>\n<\/tr>\n
Позиция (Position)<\/b><\/td>\nЧисло от 1 до 9, определяющее регион который будет вырезан или изменён. Смотрите сетку ниже...<\/td>\n<\/tr>\n
Фон (Background Color)<\/b><\/td>\nHex значение цвета. Поддерживается CSS-стиль коротких hex строк (ff2233 == f23).<\/td>\n<\/tr>\n
Источник (External)<\/b><\/td>\nОпционально. 0<\/span> или пустое значение для внутренних изображений сайта. 1<\/span> для изображений с других сайтов.<\/td>\n<\/tr>\n
Путь (Path)<\/b><\/td>\nПуть к оригиналу изображения. Если изображение расположено локально, то можно указывать относительный путь к файлу от каталога \/workspace<\/span>. Если изображение находится на стороннем сайте, то следует указывать полный URL путь (без http:\/\/<\/span>) .<\/td>\n<\/tr>\n<\/table>\n
Сетка позиционирования<\/h2>\n
При использовании режимов «Заполнение холста» и «Изменение размера холста» преобразования будут производиться с использованим параметра «Позиция». Изображение показанное ниже, показыват возможные значения, которые может принимать параметр «Позиция».<\/p>\n
\n\"JIT\n<\/div>\n",
            "date_published": "2012-09-18T21:30:43+05:00",
            "date_modified": "2021-01-30T22:43:08+05:00",
            "tags": [
                "Beginner's Guide",
                "CMS",
                "JIT Image Manipulation",
                "symphony",
                "документация",
                "документация на русском",
                "перевод",
                "руководство"
            ],
            "image": "https:\/\/alexbirukov.ru\/pictures\/grid-1263953258.png",
            "_date_published_rfc2822": "Tue, 18 Sep 2012 21:30:43 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "225",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/alexbirukov.ru\/pictures\/grid-1263953258.png"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}