🔍

首页Home › 图片工具Image Tools

🎞️ 图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)Create Sliding Image Animation (GIF)

把图片做成滑动动画 GIF:向左、右、上、下滑入画面、滑入后再滑出,或无缝循环滚动(适合横幅和跑马灯背景);可设帧数、每帧时长、停留时间、背景色和输出宽度,带缓动效果。支持批量,图片只在浏览器本地处理。Turn an image into a sliding animated GIF — slide in from the left, right, top or bottom, slide in then out, or scroll in a seamless loop (great for banners and marquee backgrounds). Set the number of frames, frame duration, hold time, background colour and output width, with smooth easing. Works in bulk, and images are processed locally in your browser.

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

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

「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」是什么?What is the Create Sliding Image Animation (GIF) tool?

把图片做成滑动动画 GIF:向左、右、上、下滑入画面、滑入后再滑出,或无缝循环滚动(适合横幅和跑马灯背景);可设帧数、每帧时长、停留时间、背景色和输出宽度,带缓动效果。支持批量,图片只在浏览器本地处理。Turn an image into a sliding animated GIF — slide in from the left, right, top or bottom, slide in then out, or scroll in a seamless loop (great for banners and marquee backgrounds). Set the number of frames, frame duration, hold time, background colour and output width, with smooth easing. Works in bulk, and images are processed locally in your browser.

如何使用「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」?How do I use the Create Sliding Image Animation (GIF) tool?

在「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」中,选择或拖入文件,按需设置「方向」、「动画」、「帧数」、「每帧 (ms)」、「停留 (ms)」等选项,然后点击每个结果旁的「下载」按钮即可;有多个文件时也可以点「全部下载(ZIP)」一次打包下载。In the Create Sliding Image Animation (GIF): Choose or drop your files, set "Direction", "Animation", "Frames", "Per frame (ms)", "Hold (ms)", then click the Download button next to each result (with several files, "Download all (ZIP)" saves them together).

三种动画有什么区别?How do the three animations differ?

“循环滚动”让图片朝所选方向不停移动,移出的部分从另一边接上,首尾无缝衔接,适合做横幅、跑马灯和背景;“滑入”让图片从画面外带缓动效果滑到中间并停留;“滑入再滑出”在停留后继续朝同一方向滑出画面,然后循环。Seamless loop keeps the image moving in the chosen direction, with what leaves one side coming back on the other, so the loop has no visible join — good for banners, marquees and backgrounds. Slide in eases the image in from outside the frame and holds it. In and out holds, then carries on sliding out in the same direction, and repeats.

GIF 文件太大怎么办?What if the GIF is too big?

GIF 大小大约和 帧数 × 宽 × 高 成正比。减小输出宽度(例如 480 或 320 px)和帧数效果最明显;每帧时长不影响文件大小,只影响速度。照片做成 GIF 时只有 256 色,渐变处可能有色带,这是 GIF 格式的限制。GIF size is roughly proportional to frames × width × height, so a smaller output width (480 or 320 px) and fewer frames help most; frame duration only changes the speed, not the size. Photos are limited to 256 colours in a GIF, so gradients may show banding — that's a limit of the format.

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

「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」的设置:「方向」可选 向左、向右、向上、向下(默认 向左);「动画」可选 循环滚动、滑入、滑入再滑出(默认 循环滚动);「帧数」默认 24,范围 4–120;「每帧 (ms)」默认 60,范围 20–1000;「停留 (ms)」默认 1000,范围 0–10000;「背景色」默认 #ffffff;「输出宽度」可选 原尺寸(最宽 800)、640 px、480 px、320 px(默认 原尺寸(最宽 800));可选文件:常见图片格式(含 HEIC、HEIF、AVIF、WEBP、BMP、JFIF)。改动任一选项后结果会按新设置重新生成。Settings in the Create Sliding Image Animation (GIF) — "Direction": Left, Right, Up, Down (default Left); "Animation": Seamless loop, Slide in, In and out (default Seamless loop); "Frames" default 24, range 4–120; "Per frame (ms)" default 60, range 20–1000; "Hold (ms)" default 1000, range 0–10000; "Background" default #ffffff; "Output width": Original (max 800), 640 px, 480 px, 320 px (default Original (max 800)); files: common image formats (including HEIC, HEIF, AVIF, WEBP, BMP, JFIF). Changing any option…

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

不会。「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」使用浏览器 Canvas 在本地处理图片,处理后的文件直接从你的浏览器下载。No. The Create Sliding Image Animation (GIF) processes images locally with the browser Canvas API and the result downloads straight from your browser.

「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」免费吗?需要注册吗?Is the Create Sliding Image Animation (GIF) free? Do I need an account?

「图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)」完全免费,无需注册或安装,打开网页即可使用,手机和电脑都能用;输入的内容只在你的浏览器本地处理。The Create Sliding Image Animation (GIF) 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

🎞️ 滚动字幕 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)👤 图片剪影生成(把主体变成纯色轮廓)Create Silhouette from Image🌀 图片扭曲(漩涡 / 旋转扭曲效果)Twist Image Pixels (Swirl Effect)📶 像素排序(Pixel Sorting 故障艺术)Sort Pixels in Image (Pixel Sorting Glitch Art)🧩 打乱图片像素(随机混淆,可用种子还原)Mix Pixels in Image (Scramble & Unscramble)🧮 查看图片字节(十六进制 Hex 查看器)Print Image Bytes (Hex Viewer)🧱 字节转图片(Hex / Base64 / 原始像素还原图片)Create Image from Bytes (Hex, Base64, Raw Pixels)

← 全部工具All tools