🔍

首页Home › 图片工具Image Tools

↔️ 图片平移(循环位移 / 偏移)Shift Image (Offset & Wrap Around)

把图片内容水平和垂直平移指定的像素或百分比:可循环回绕(移出一边的部分从另一边出现,类似 Photoshop 的“位移”滤镜,适合检查和制作无缝贴图),也可以不回绕、空出部分变透明。尺寸不变,逐像素精确,支持批量,图片只在浏览器本地处理。Shift an image horizontally and vertically by a number of pixels or a percentage. Wrap around so whatever leaves one edge reappears on the other (like Photoshop's Offset filter — great for checking and making seamless tiles), or leave the uncovered area transparent. The size stays the same, pixels are moved exactly, it works in bulk, and images are processed locally in your browser.

点击选择或拖放图片(可多选)Click or drop images here (multiple allowed)

使用说明与常见问题How-to & FAQ

「图片平移(循环位移 / 偏移)」是什么?What is the Shift Image (Offset & Wrap Around) tool?

把图片内容水平和垂直平移指定的像素或百分比:可循环回绕(移出一边的部分从另一边出现,类似 Photoshop 的“位移”滤镜,适合检查和制作无缝贴图),也可以不回绕、空出部分变透明。尺寸不变,逐像素精确,支持批量,图片只在浏览器本地处理。Shift an image horizontally and vertically by a number of pixels or a percentage. Wrap around so whatever leaves one edge reappears on the other (like Photoshop's Offset filter — great for checking and making seamless tiles), or leave the uncovered area transparent. The size stays the same, pixels are moved exactly, it works in bulk, and images are processed locally in your browser.

如何使用「图片平移(循环位移 / 偏移)」?How do I use the Shift Image (Offset & Wrap Around) tool?

在「图片平移(循环位移 / 偏移)」中,选择或拖入文件,按需设置「水平位移」、「垂直位移」、「单位」、「输出格式」等选项,然后点击每个结果旁的「下载」按钮即可;有多个文件时也可以点「全部下载(ZIP)」一次打包下载。In the Shift Image (Offset & Wrap Around): Choose or drop your files, set "Horizontal shift", "Vertical shift", "Unit", "Format", then click the Download button next to each result (with several files, "Download all (ZIP)" saves them together).

“循环回绕”有什么用?What is Wrap around for?

开启后,移出右边的像素会从左边重新出现(上下同理),图片内容一个像素都不会丢失。把图片平移半个宽度和半个高度,原来的四条边就会集中到画面中央,很容易看出贴图拼接时会不会有接缝,是制作无缝纹理的常用方法。With it on, pixels pushed off the right edge come back on the left (and likewise top and bottom), so no pixel is lost. Shifting by half the width and half the height brings the original edges to the middle of the picture, making any seam in a tiling texture easy to spot — a standard step in making seamless textures.

可以用负数吗?百分比怎么算?Can I use negative values, and how do percentages work?

可以。正数向右 / 向下移动,负数向左 / 向上。选“百分比”时按图片宽度和高度换算并四舍五入到整像素,例如 50% 就是移动半张图;超过 100% 时在循环模式下会继续绕圈。Yes. Positive values move right or down, negative values left or up. With % the shift is a share of the width and height, rounded to whole pixels — 50% moves half the image. Beyond 100% it simply keeps going round when wrapping.

有哪些选项可以调整?What options can I adjust?

「图片平移(循环位移 / 偏移)」的设置:「水平位移」默认 50,范围 -100000–100000;「垂直位移」默认 0,范围 -100000–100000;「单位」可选 像素、百分比(默认 像素);「输出格式」可选 PNG、JPG、WebP(默认 PNG);「质量」默认 92,范围 40–100;可勾选:「循环回绕」(默认勾选);可选文件:常见图片格式(含 HEIC、HEIF、AVIF、WEBP、BMP、JFIF)。改动任一选项后结果会按新设置重新生成。Settings in the Shift Image (Offset & Wrap Around) — "Horizontal shift" default 50, range -100000–100000; "Vertical shift" default 0, range -100000–100000; "Unit": px, % (default px); "Format": PNG, JPG, WebP (default PNG); "Quality" default 92, range 40–100; tick boxes: "Wrap around" (on by default); files: common image formats (including HEIC, HEIF, AVIF, WEBP, BMP, JFIF). Changing any option regenerates the result with the new setting.

图片会被上传到服务器吗?Are my images uploaded?

不会。「图片平移(循环位移 / 偏移)」使用浏览器 Canvas 在本地处理图片,处理后的文件直接从你的浏览器下载。No. The Shift Image (Offset & Wrap Around) processes images locally with the browser Canvas API and the result downloads straight from your browser.

「图片平移(循环位移 / 偏移)」免费吗?需要注册吗?Is the Shift Image (Offset & Wrap Around) free? Do I need an account?

「图片平移(循环位移 / 偏移)」完全免费,无需注册或安装,打开网页即可使用,手机和电脑都能用;输入的内容只在你的浏览器本地处理。The Shift Image (Offset & Wrap Around) is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.

相关工具Related tools

🔀 图片 RGB 通道重排(BGR / GBR 等互换)Reorder RGB Channels in an Image🎚️ 图片位深度转换(1 / 2 / 4 / 8 / 16 位 PNG)Convert Image Bit Depth (1, 2, 4, 8 or 16-bit PNG)👾 图片复古配色(Game Boy / NES / C64 / PICO-8 调色板)Convert Image to Retro Colours (Game Boy, NES, C64, PICO-8)🧪 图片颜色通道分离(R / G / B / Alpha)Separate Image Colour Channels (R, G, B, Alpha)🟩 绿幕抠图(去除绿色 / 蓝色背景)Remove Green Screen from Image🎞️ 图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)Create Sliding Image Animation (GIF)🎞️ 滚动字幕 GIF 生成器(跑马灯文字动图)Create Marquee Text Image (Scrolling Text GIF)🌈 渐变图片生成器(线性 / 径向 / 角向,导出图片和 CSS)Generate Gradient Image (Linear, Radial, Conic + CSS)🔢 图片转 01 字符画(二进制文字艺术)Convert Image to Binary Art (0/1 Text Art)🔍 检查图片是不是 PNG(文件格式、损坏、APNG 检测)Check If Image Is PNG (Format, Corruption & APNG Check)🎨 图片取色器(查看像素 RGB / HEX / HSL 颜色值)Show RGB Image Colors (Pixel Colour Picker)🔲 检查图片是否透明(透明像素、Alpha 通道检测)Check Image Transparency (Alpha Channel & Transparent Pixels)

← 全部工具All tools