# Image Translation

Apply translation transformation to move images horizontally and vertically. Visualize the translation matrix and see how pixel coordinates shift.

> Canonical page: https://elysiatools.com/en/tools/image-translation

- **Category:** Media

- **Keywords:** image, translation, transform, matrix, move, shift, position, offset, horizontal, vertical

## Overview

The Image Translation tool allows you to precisely shift the position of any image file horizontally or vertically using pixel-based coordinates. By applying a translation matrix, you can easily offset your visual content, adjust framing, or create space for design elements while maintaining high image quality.

## Inputs

- **Image File** (file): Upload any image file (JPEG, PNG, WebP, GIF, BMP, TIFF) for translation transformation
- **Translate X (Horizontal)** (range): Horizontal translation in pixels (-500 to 500, positive = right, negative = left)
- **Translate Y (Vertical)** (range): Vertical translation in pixels (-500 to 500, positive = down, negative = up)
- **Background Color** (text): Background color for transparent areas (hex #RRGGBB or #RRGGBBAA, or color name)
- **Output Format** (select): Choose output format or keep original. PNG recommended for transparency
- **Quality (1-100)** (number): Output quality for lossy formats (JPEG, WebP). Higher = better quality but larger file size

## When to use

- Adjusting the composition of an image by shifting its subject to a specific side.
- Creating uniform margins or padding around an image for web or print layouts.
- Correcting alignment issues in graphics or icons by moving them within their canvas.

## How it works

- Upload your image file (JPEG, PNG, WebP, GIF, BMP, or TIFF).
- Use the Translate X and Translate Y sliders to set your desired pixel offset.
- Specify a background color for the newly created empty areas if needed.
- Select your preferred output format and quality, then process the image.

## Use cases

- Centering off-center product photography for e-commerce listings.
- Adding consistent padding to icons to ensure they align perfectly in a grid.
- Repositioning elements within a graphic to make room for text overlays.

## Frequently asked questions

### What happens to the empty space created by the shift?

The empty space is filled with the background color you specify. If you choose 'transparent', the area will remain transparent (best when using PNG format).

### Can I move an image to the left or up?

Yes, use negative values for Translate X to move left and negative values for Translate Y to move up.

### Which file formats are supported?

You can upload JPEG, PNG, WebP, GIF, BMP, and TIFF files.

### Does this tool change the original image resolution?

The tool shifts the content within the existing canvas dimensions; it does not resize the image itself.

### What is the maximum pixel shift allowed?

You can shift an image by up to 500 pixels in any direction.

## Related tools

- [Image Morphological Opening](https://elysiatools.com/en/tools/image-open): Apply morphological opening operation (erosion followed by dilation) to remove small noise and separate connected objects
- [Median Pass Filter](https://elysiatools.com/en/tools/image-median-pass): Apply median pass filter to remove noise while preserving edges with multiple algorithms
- [Image Motion Blur Kernel](https://elysiatools.com/en/tools/image-motion-blur-kernel): Apply motion blur kernel to simulate camera movement or object motion in specified direction
- [Image Trim Whitespace](https://elysiatools.com/en/tools/image-trim-whitespace): Remove whitespace and empty margins from images by detecting and trimming blank areas
- [Batch Image Convert](https://elysiatools.com/en/tools/batch-convert): Convert multiple images to different formats with quality settings and batch processing
- [Image Composite Matrix](https://elysiatools.com/en/tools/image-composite-matrix): Apply composite transformation by combining multiple basic transformations (scaling, rotation, shearing). See how transformation matrices multiply and create complex effects.
- [Image Custom Matrix](https://elysiatools.com/en/tools/image-custom-matrix): Apply custom 2x2 transformation matrix to images. Input any four matrix values \[a, b; c, d\] to create unique transformations. Great for learning linear algebra and image processing.
- [Image Rotation Matrix](https://elysiatools.com/en/tools/image-rotation-matrix): Apply rotation transformation using rotation matrix mathematics. See the 2x2 rotation matrix in action and understand the trigonometric principles behind image rotation.

## Samples

- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Web Image Processing TypeScript Samples](https://elysiatools.com/en/samples/web-image-processing-typescript): Web TypeScript image processing examples including image read/save, scaling, and format conversion
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion

## Related content

- [Image Geometry Transform Tools](https://elysiatools.com/en/hubs/image-geometry-transform-tools): Choose rotation, flip, crop, affine, perspective, scale, or padding transforms and verify framing, dimensions, orientation, and clean transparent or background edges.