Категории

← 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) для преобразования смещения

-500 0 500

Горизонтальное смещение в пикселях (-500 до 500, положительное = вправо, отрицательное = влево)

-500 0 500

Вертикальное смещение в пикселях (-500 до 500, положительное = вниз, отрицательное = вверх)

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

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

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

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

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

Обзор

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

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

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

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

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

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

Центрирование объектов на изображениях для социальных сетей.
Создание отступов для иконок или логотипов в веб-дизайне.
Корректировка положения элементов в многослойных композициях.

Примеры

1. Выравнивание логотипа

Веб-дизайнер
Контекст
Логотип на прозрачном фоне был смещен вправо при экспорте из графического редактора.
Проблема
Необходимо вернуть логотип в центр изображения без перерисовки всего макета.
Как использовать
Загрузить файл, установить смещение X на -50 пикселей и выбрать формат PNG для сохранения прозрачности.
Пример конфигурации
translateX: -50, translateY: 0, background: 'transparent', format: 'png'
Результат
Логотип смещен влево и идеально отцентрирован относительно границ файла.

2. Подготовка баннера

Контент-менеджер
Контекст
Основной объект на рекламном баннере перекрывается текстом на сайте.
Проблема
Нужно сдвинуть объект вниз, чтобы освободить место для заголовка.
Как использовать
Загрузить баннер, установить смещение Y на 100 пикселей и задать белый цвет фона для заполнения верхней части.
Пример конфигурации
translateX: 0, translateY: 100, background: '#FFFFFF', format: 'jpeg', quality: 90
Результат
Объект смещен вниз, верхняя часть баннера заполнена белым цветом, готовым для размещения текста.

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

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

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

Инструменты Image для Convert
Изучите 100 инструментов image для сценариев convert и быстро сравните близкие утилиты.
Инструменты Video для Convert
Изучите 36 инструментов video для сценариев convert и быстро сравните близкие утилиты.
Инструменты Image
Изучите 40 инструментов image для сценариев utility и быстро сравните близкие утилиты.
Инструменты Video
Изучите 16 инструментов video для сценариев utility и быстро сравните близкие утилиты.

FAQ

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

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

Что происходит с пустыми областями после смещения?

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

Можно ли изменить формат файла при смещении?

Да, вы можете выбрать сохранение оригинального формата или конвертацию в JPEG, PNG или WebP.

Есть ли ограничения на размер смещения?

Вы можете задавать смещение по горизонтали и вертикали в диапазоне от -500 до 500 пикселей.

Влияет ли качество на размер файла?

Да, при выборе форматов с потерями (JPEG, WebP) вы можете настроить качество от 1 до 100, что напрямую влияет на итоговый размер файла.

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

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

POST /ru/api/tools/image-translation

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

Имя параметра Тип Обязательно Описание
imageFile file (Требуется загрузка) Да Загрузите любой файл изображения (JPEG, PNG, WebP, GIF, BMP, TIFF) для преобразования смещения
translateX range Да Горизонтальное смещение в пикселях (-500 до 500, положительное = вправо, отрицательное = влево)
translateY range Да Вертикальное смещение в пикселях (-500 до 500, положительное = вниз, отрицательное = вверх)
background text Нет Цвет фона для прозрачных областей (hex #RRGGBB или #RRGGBBAA, или название цвета)
format select Нет Выберите формат вывода или сохраните оригинал. PNG рекомендуется для прозрачности
quality number Нет Качество вывода для форматов с потерями (JPEG, WebP). Выше = лучше качество, но больше файл

Параметры типа файл должны быть загружены сначала через POST /upload/image-translation для получения 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-translation": {
      "name": "image-translation",
      "description": "Применить преобразование смещения для перемещения изображений по горизонтали и вертикали",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-translation",
      "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]