# 图像平移

应用平移变换来移动图像的水平和垂直位置，可视化平移矩阵和像素坐标变化

> 标准页面: https://elysiatools.com/zh/tools/image-translation

- **分类:** Media

- **关键词:** 图像, 平移, 变换, 矩阵, 移动, 位置, 偏移, 水平, 垂直

## 概述

图像平移工具用于对图片进行精确的水平和垂直位置移动。您只需上传图片，设置X轴和Y轴的平移像素值，即可快速获得移动后的新图像，并可自定义背景颜色和输出格式。

## 输入项

- **图片文件** (file): 上传任何图片文件（JPEG、PNG、WebP、GIF、BMP、TIFF）进行平移变换
- **X轴平移（水平）** (range): 水平平移像素（-500到500，正值=向右，负值=向左）
- **Y轴平移（垂直）** (range): 垂直平移像素（-500到500，正值=向下，负值=向上）
- **背景颜色** (text): 透明区域的背景颜色（十六进制 #RRGGBB 或 #RRGGBBAA，或颜色名称）
- **输出格式** (select): 选择输出格式或保持原格式。PNG推荐用于透明度
- **质量 (1-100)** (number): 有损格式（JPEG、WebP）的输出质量。越高 = 质量越好但文件越大

## 适用场景

- 需要将图像中的主体或元素向左、右、上、下移动以调整构图时。
- 为制作动画或序列帧，需要生成一系列位置连续变化的图像时。
- 修复扫描或拍摄时图像位置偏移的问题，将其对齐到标准位置时。

## 工作原理

- 上传一张图片文件（支持JPEG、PNG、WebP等常见格式）。
- 设置水平（X轴）和垂直（Y轴）的平移像素值，正值向右/下移动，负值向左/上移动。
- 可选：设置平移后露出区域的背景颜色，并选择输出格式与质量。
- 点击处理，工具将应用平移变换并生成可供下载的新图像文件。

## 使用案例

- UI/UX设计：将图标或界面元素移动到设计稿中的指定坐标位置。
- 动画素材制作：通过生成不同平移量的图片序列，创建简单的平移动画效果。
- 摄影后期：微调照片中地平线或主体的位置，改善画面平衡。

## 常见问题

### 支持哪些图片格式？

支持JPEG、PNG、WebP、GIF、BMP和TIFF格式的图片文件上传。

### 平移的范围是多少？

水平和垂直方向的平移范围均为-500到500像素。

### 平移后露出的区域如何处理？

您可以自定义该区域的背景颜色，支持十六进制颜色码、颜色名称（如white、black）或设置为透明（transparent）。

### 输出图片的质量可以调整吗？

对于JPEG和WebP等有损格式，您可以设置1到100的质量值，数值越高质量越好。PNG格式则无此选项。

### 可以一次处理多张图片吗？

当前版本仅支持单次上传和处理一张图片。

## 相关工具

- [图像形态学开运算](https://elysiatools.com/zh/tools/image-open): 应用形态学开运算操作（先腐蚀后膨胀）以去除小噪声并分离连接的对象
- [中值滤波器](https://elysiatools.com/zh/tools/image-median-pass): 应用中值滤波器去除噪点同时保持边缘，提供多种算法
- [图像运动模糊核](https://elysiatools.com/zh/tools/image-motion-blur-kernel): 应用运动模糊核模拟相机移动或物体在指定方向上的运动
- [图片空白修剪](https://elysiatools.com/zh/tools/image-trim-whitespace): 通过检测和移除空白区域来去除图片中的空白和多余边距
- [批量图片转换](https://elysiatools.com/zh/tools/batch-convert): 批量转换多张图片到不同格式，支持质量设置
- [图像复合矩阵](https://elysiatools.com/zh/tools/image-composite-matrix): 通过组合多个基本变换（缩放、旋转、剪切）应用复合变换，查看变换矩阵如何相乘并创建复杂效果
- [图像自定义矩阵](https://elysiatools.com/zh/tools/image-custom-matrix): 应用自定义2x2变换矩阵到图像，输入任意四个矩阵值创建独特的变换，适合学习线性代数和图像处理
- [图像旋转矩阵](https://elysiatools.com/zh/tools/image-rotation-matrix): 使用旋转矩阵数学原理应用旋转变换，查看2x2旋转矩阵的实际效果并理解图像旋转背后的三角学原理

## 示例

- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Web TypeScript 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-typescript): Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [图像几何变换工具](https://elysiatools.com/zh/hubs/image-geometry-transform-tools): 选择合适的旋转、翻转、裁剪、仿射、透视、缩放或补边变换，并检查构图、尺寸、方向以及透明或背景边缘是否干净。