文章目录
- 快速导航
图片转动效在线免费：静态截图做成无缝循环 3D 轮播 MP4/GIF
搜「图片转动效在线」时，你大概不是要「整图原地转一圈」
多数人真正要的是：几张 App 截图或作品图，做成能发社媒 / 作品集 / 落地页的短循环——有纵深、能轮播、首尾接得上，最好还能带一点玻璃质感。竞品页要么是：
- 单图 2D 动效（缩放、抖动、旋转 GIF）；
- 深度视差（一张照片估深度再晃镜头）；
- 商店 App Preview（按苹果预览条尺寸拼幻灯片）。
这三类都能「动起来」，但和「多图 3D 轮播展示」不是同一件事。本站 3D 图片动效 按第三类场景做：浏览器本地 WebGL 排布卡片，选原创模板与液态玻璃风格，导出无缝循环 MP4 / WebM / GIF / 静帧 / PNG 序列 ZIP。图片不上传。核对日：2026-11-01（页面标注约 43 套无缝模板；最多 24 张图）。
引擎与布局函数为站内原创，与 AlignCanvas 等商业产品无代码关系——同品类，不拷贝。
先做决定：你要哪一种「动」
| 目标 | 更合适的路径 | 原因 |
|---|---|---|
| 多张截图立体轮播、封面流、隧道、玻璃棱柱，发 X / 作品集 | /tools/image-motion（本文） | 相位周期布局，导出一圈后循环不跳帧 |
| 符合 App Store Preview 条尺寸的短视频试故事板 | 用截图做 App Preview | 关心 Accepted 分辨率与「须像在使用中的 App」内容规则 |
| 一张风景/人像做成景深晃动 | 深度视差类工具 | 单图深度估计，不是多卡轮播 |
| 聊天表情、整图旋转/脉冲 GIF | 通用「图片转 GIF」工具 | 2D 滤镜够用，不必上 3D 舞台 |
口诀： 商店预览条走 Preview；作品集/社交循环展示走 image-motion；单图玩梗走 2D GIF。
模板组怎么挑（A vs B）
左侧模板按组分类。不必从第一个试到最后一个——按「镜头语言」选两组对比即可：
| 组 | 适合素材 | 我怎么选 |
|---|---|---|
| carousel（环形轨道、封面流、平面轮播、丝带…） | 3–12 张产品图，想突出「翻一圈」 | 作品集首页、功能对比轮播；封面流适合 UI 大图 |
| orbit（球面、螺旋、双环、土星环、圆柱…） | 图标/海报想绕一圈看 | 开场或品牌环；螺旋适合竖屏信息感 |
| stack（扇形、翻页、升起、揭层…） | 故事板式「下一张」 | 更新说明、步骤说明；节奏比墙面更「翻牌」 |
| wall（无限墙、波动墙、走廊…） | 大量缩略图、情绪板 | 背景氛围强，单卡可读性弱——字要够大 |
| showcase（主图环绕、隧道、聚散、推近…） | 一张主视觉 + 卫星图 | Landing 开场；隧道适合强纵深 |
| glass（棱柱、玻璃近景、透镜横排…） | 想吃满边缘折射 | 先开液态玻璃再选本组，边缘才有料 |
实操建议：先固定 封面流 与 环形轨道 各导出 4 秒 9:16，发到手机上看哪张更「停得住滑块」；再决定要不要上玻璃组。
画幅、时长与导出格式
| 画幅 | 典型去处 | 备注 |
|---|---|---|
| 9:16 | Reels / Shorts / 竖屏作品集 | 默认竖屏试稿最省事 |
| 16:9 | 桌面落地页、横屏演示 | 模板侧翼更舒展 |
| 1:1 | 信息流方图 | 卡片别太靠边，防裁切 |
| 4:5 / 5:4 | 部分信息流偏肖像/横幅 | 与 1:1 接近时优先试 1:1 |
导出选择（本机生成，编码器为 mediabunny MPL-2.0 + gif.js MIT）：
| 格式 | 什么时候用 | 注意 |
|---|---|---|
| MP4（H.264） | 社媒、绝大多数播放器 | Chrome / Edge 编码支持最好；建议先 1080p |
| WebM | 网页 <video>、可透明试稿 | 部分手机相册不认 |
| GIF | 聊天、文档内嵌、要「到处都能播」 | 体积大、色彩少；时长别贪 |
| PNG / JPEG / WebP | 海报静帧、缩略图 | 当前相位一帧 |
| PNG ZIP | 丢进剪辑软件再调色 | 短序列，不是长片源 |
页面可勾「尽量透明背景」——对 GIF / WebM / PNG 有意义；MP4 仍是实底（H.264 常规路径）。无缝循环靠模板相位 0→1 周期函数，不是后期硬切。
液态玻璃要不要开
视觉风格里有干净 / 液态玻璃 / 棱镜 / 液态镜头 / 黑金 / 全息等预设。玻璃是 本机 WebGL2 后处理（边缘折射、RGB 色散、磨砂、光晕），不是云端 AI。
| 场景 | 建议 |
|---|---|
| UI 字多、要可读 | 干净 或把折射/色散拧低 |
| 展示海报、图标、情绪板 | 液态玻璃 或 玻璃 组模板 |
| 需要「赛博/夜店」空气感 | 黑金 / 全息 + 点阵/全息背景 |
经验：折射 >0.6 且色散偏高时，细字容易「糊边」——商店合规截图别用这条链路当终稿；终稿仍走 /preview 或 截图美化。
五步出片（第一次就够用）
- 打开 3D 图片动效，拖入 PNG/JPEG/WebP（最多 24；未上传可用演示卡预览模板）。
- 选一组模板（建议从封面流或环形轨道起），调间距/倾角等模板参数。
- 选风格与背景（影棚 / 网格 / 极光 / 透明等），必要时开液态玻璃并微调四滑杆。
- 设画幅、时长（先 4s）、FPS；先 暂停 看关键相位是否露馅。
- 导出 MP4；若只要表情包体积，再出一条更短的 GIF 对照。
导出后若要压体积，可把静帧丢进 图片压缩；若最终要上架商店预览条，回头对照 App Preview 文，不要把社交循环片直接当成审核过的 Preview。
和「免费在线」承诺对齐的边界
- 免费、无账号、图片不离开浏览器——纹理只在本机内存/GPU。
- 模板数量会迭代；写稿日页面为约 43 套，以工具页实时列表为准。
- MP4 依赖浏览器能否编码 AVC；不行就先 WebM/GIF，或换 Chromium 内核浏览器。
- 这不是剪辑时间线：没有多轨字幕、配乐库；要旁白请导出后进桌面剪辑。
搜「图片转动效在线」时，先分清你要的是 2D 滤镜、深度视差、商店 Preview，还是多图 3D 无缝轮播。后一种，用本地模板 + 可选玻璃 + 多格式导出，通常比「再下一个会旋转的 GIF 网站」更快到达能发的成片。