Категории

← View All Tools

Композитная Матрица Изображения

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

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Загрузить любой файл изображения (JPEG, PNG, WebP, GIF, BMP, TIFF) для композитного матричного преобразования

0.1 1.0 3

Горизонтальный фактор масштабирования (0.1 до 3.0, 1.0 = оригинальный размер)

0.1 1.0 3

Вертикальный фактор масштабирования (0.1 до 3.0, 1.0 = оригинальный размер)

-180 0 180

Угол вращения в градусах (-180 до 180, 0 = без вращения)

-1.5 0 1.5

Горизонтальный фактор сдвига (-1.5 до 1.5, 0 = без сдвига)

-1.5 0 1.5

Вертикальный фактор сдвига (-1.5 до 1.5, 0 = без сдвига)

Порядок применения преобразований (умножение справа налево)

Цвет фона для прозрачных областей (hex #RRGGBB или #RRGGBBAA, или название цвета)

Выбрать формат вывода или сохранить оригинал. PNG рекомендуется для прозрачности

Качество вывода для форматов с потерями (JPEG, WebP). Выше = лучшее качество но больший размер файла

Ключевые факты

Категория
Media
Типы входных данных
file, range, select, text, number
Тип результата
file
Покрытие примерами
4
API доступен
Yes

Обзор

Инструмент «Композитная Матрица Изображения» позволяет применять сложные геометрические преобразования к вашим файлам, комбинируя масштабирование, вращение и сдвиг в единую матричную операцию для создания уникальных визуальных эффектов.

Когда использовать

  • •Когда необходимо применить несколько геометрических трансформаций к изображению одновременно.
  • •Для создания специфических искажений или перспективных эффектов с помощью математического сдвига и вращения.
  • •Для подготовки графических элементов с точными параметрами масштабирования и ориентации для веб-дизайна.

Как это работает

  • •Загрузите исходное изображение в поддерживаемом формате (JPEG, PNG, WebP и др.).
  • •Настройте параметры масштаба, угла вращения и коэффициенты сдвига по осям X и Y.
  • •Выберите порядок применения преобразований, так как последовательность умножения матриц влияет на итоговый результат.
  • •Укажите цвет фона для прозрачных областей и выберите формат выходного файла для сохранения результата.

Сценарии использования

Создание нестандартных ракурсов и перспективных искажений для графического контента.
Автоматизированная подготовка изображений с заданными геометрическими параметрами для верстки.
Визуализация математических принципов линейной алгебры и матричных преобразований в образовательных целях.

Примеры

1. Создание эффекта наклона для иконки

Веб-дизайнер
Контекст
Необходимо подготовить серию иконок с легким наклоном для создания динамичного интерфейса.
Проблема
Стандартные инструменты редактирования не позволяют точно задать параметры сдвига и вращения одновременно.
Как использовать
Загрузите иконку, установите угол вращения на 10 градусов и сдвиг X на 0.2, выбрав порядок «Вращение → Сдвиг».
Результат
Иконка получила нужный наклон и перспективное искажение, сохранив четкость краев.

2. Масштабирование и центрирование графики

Контент-менеджер
Контекст
Требуется привести набор изображений к единому масштабу и ориентации для карточек товаров.
Проблема
Изображения имеют разный размер и требуют точного масштабирования без потери пропорций.
Как использовать
Установите масштаб X и Y на 0.8, выберите формат PNG для сохранения прозрачности и примените настройки к каждому файлу.
Результат
Все изображения были пропорционально уменьшены и подготовлены к публикации в едином стиле.

Проверить на примерах

image, png, jpg
Примеры Обработки Изображений Web Python
Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата
title token image
image
Примеры Обработки Изображений Web Rust
Примеры обработки изображений Web Rust включая чтение/запись, масштабирование и преобразование форматов
title token image
image
Обработка Изображений macOS Objective-C - Примеры
Примеры обработки изображений macOS Objective-C включая чтение/запись изображений, масштабирование и преобразование формата
title token image
image
Примеры Обработки Изображений Web TypeScript
Примеры обработки изображений Web TypeScript включая чтение/сохранение, масштабирование и конвертацию форматов
title token image
image

Связанные хабы

Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image
Изучите 40 инструментов image для сценариев utility и быстро сравните близкие утилиты.
Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Audio для Convert
Изучите 100 инструментов audio для сценариев convert и быстро сравните близкие утилиты.

FAQ

Какие форматы изображений поддерживаются?

Инструмент поддерживает загрузку JPEG, PNG, WebP, GIF, BMP и TIFF.

Почему порядок преобразований важен?

Матричное умножение некоммутативно: изменение порядка (например, сначала вращение, потом сдвиг) приведет к иному визуальному результату.

Что делать с прозрачными областями после трансформации?

Вы можете задать цвет фона в поле «Цвет фона» (поддерживаются HEX-коды или названия цветов) или оставить его прозрачным.

Можно ли изменить качество выходного файла?

Да, для форматов JPEG и WebP доступна настройка качества от 1 до 100.

Влияет ли сдвиг на размер изображения?

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

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

Конечная точка запроса

POST /ru/api/tools/image-composite-matrix

Параметры запроса

Имя параметра Тип Обязательно Описание
imageFile file (Требуется загрузка) Да Загрузить любой файл изображения (JPEG, PNG, WebP, GIF, BMP, TIFF) для композитного матричного преобразования
scaleX range Да Горизонтальный фактор масштабирования (0.1 до 3.0, 1.0 = оригинальный размер)
scaleY range Да Вертикальный фактор масштабирования (0.1 до 3.0, 1.0 = оригинальный размер)
angle range Да Угол вращения в градусах (-180 до 180, 0 = без вращения)
shearX range Да Горизонтальный фактор сдвига (-1.5 до 1.5, 0 = без сдвига)
shearY range Да Вертикальный фактор сдвига (-1.5 до 1.5, 0 = без сдвига)
transformOrder select Да Порядок применения преобразований (умножение справа налево)
background text Нет Цвет фона для прозрачных областей (hex #RRGGBB или #RRGGBBAA, или название цвета)
format select Нет Выбрать формат вывода или сохранить оригинал. PNG рекомендуется для прозрачности
quality number Нет Качество вывода для форматов с потерями (JPEG, WebP). Выше = лучшее качество но больший размер файла

Параметры типа файл должны быть загружены сначала через POST /upload/image-composite-matrix для получения filePath, затем filePath должен быть передан в соответствующее поле файла.

Формат ответа

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Файл: Файл

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

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-image-composite-matrix": {
      "name": "image-composite-matrix",
      "description": "Применить композитное преобразование, комбинируя несколько базовых преобразований (масштабирование, вращение, сдвиг). Увидьте, как матрицы преобразования умножаются и создают сложные эффекты.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-composite-matrix",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Поддерживает ссылки на файлы URL или кодирование Base64 для параметров файла.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]