Документация InstantCMS

для администраторов и разработчиков

Инструменты пользователя

Инструменты сайта


manual:components:images

Компонент "Загрузка изображений"

Панель управления ⇒ Компоненты ⇒ Загрузка изображений

Описание

В InstantCMS управление изображениями осуществляется через пресеты.

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

  • Каждый пресет имеет уникальное системное имя.
  • Количество пресетов не ограничено; разные пресеты могут иметь одинаковые параметры.
  • Рекомендация: Определите набор необходимых пресетов и их количество еще на этапе создания сайта.

Управление пресетами

  • Удаление: Не рекомендуется удалять пресеты, если вы не уверены, что они нигде не используются (в виджетах или компонентах). Если нужный пресет был удален случайно, его можно создать заново, указав то же самое системное имя.
  • Изменение размеров: Размеры в пресете применяются только к новым изображениям. Изменение параметров существующего пресета не приведет к автоматическому изменению размера уже загруженных картинок на сайте.

Настройки пресета

При создании пресета доступны следующие параметры:

  • Драйвер обработки изображений: Программа, выполняющая конвертацию.
    • Выберите Авто, если хотите, чтобы система сначала попробовала использовать модуль Imagick. Если он недоступен, сработает резервный драйвер GD.
  • Системное имя: Уникальный идентификатор пресета для работы системы.
  • Название пресета: Отображаемое имя, удобное для восприятия администратором (например, «Превью товара»).
  • Размеры изображения: Задайте ширину и высоту в пикселях.
    • Если указана только одна сторона (ширина или высота), вторая будет рассчитана автоматически пропорционально.
  • Обрезка по размеру: Опция «Строго по размеру». Включает обрезку изображения под заданный прямоугольник без искажения пропорций. Вырезанный фрагмент берется из исходного фото, согласно опции «Режим обрезки».
  • Увеличение мелких изображений: Если включено, маленькие картинки будут увеличены до размеров пресета. Может появиться зернистость или пикселизация.
  • Формат выходного файла:
    • Можно сохранить файл в исходном формате.
    • Или выбрать один из форматов: JPG, PNG, WebP.
    • Поддерживается конвертация анимированных GIF и WebP.
  • Опция «Конвертировать анимированный файл, сохраняя анимацию»: Если этот флажок установлен, формат файла не изменится (останется как в исходнике), но изображение будет масштабировано согласно размерам пресета.
  • Качество изображения: Задается в процентах.
  • Водяной знак: Возможность наложить изображение-водяной знак с указанием его положения на итоговой картинке.

Авто-поворот

Конвертер изображений автоматически поворачивает фотографии, если в EXIF-данных присутствует информация об ориентации (поле `Orientation`).

Значение качество изображения для PNG

PNG — это формат с потерями только при квантовании (уменьшении цвета), но не при сжатии. Параметр качества в Imagick для PNG не влияет на визуальную четкость или размытие (как в JPEG). Он управляет исключительно уровнем алгоритмического сжатия zlib.

Драйвер GD

Значение здесь управляет сжатием. 100 = минимальное сжатие (0), 0 = максимальное сжатие (9).

Драйвер Imagick

Так же управляет сжатием. ImageMagick интерпретирует целое число как комбинацию двух параметров, записанных слитно: [Уровень сжатия zlib][Тип фильтра].

  • Десятки числа (Значение / 10): Задают уровень сжатия zlib от 0 до 9. 0: Нет сжатия. 9: Максимальное сжатие (нагрузка на CPU максимальна).
  • Единицы числа (Значение % 10): Задают тип фильтра предобработки строк. 0–4: Фиксированные фильтры (None, Sub, Up, Average, Paeth). 5+: Адаптивные фильтры (рекомендуется для большинства изображений, так как часто дают меньший размер файла).

Самым оптимальным значением для PNG является 95.

История изменений

:!: Обратите внимание! До версии InstantCMS 2.10.2 вместо опции «Обрезать строго по размеру» существовала опция «Квадратный».

При работе со старыми версиями: если флажок «Квадратный» не установлен, можно задать только одну сторону (ширину или высоту). Движок изменит размер этой стороны, а вторую рассчитает пропорционально. Это позволяет точно контролировать высоту или ширину изображения вне зависимости от его ориентации.

Назад к разделу Компоненты

manual/components/images.txt · Последнее изменение: — fuze

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki