几张图片连成一段动画
拖进来 2 到 50 张 JPG,它们会按你排的顺序连成一张 GIF 动图。不用装软件,也不用注册。
把几张 JPG 合成一张循环播放的动图
或把图片拖到这里,也可以直接粘贴Ctrl V
图片工具 · 浏览器本地处理
选 2 到 50 张 JPG,排好先后,定下每张停多久,出来就是一张会动的 GIF——也就是平时聊天里发的那种动图。整个过程在你的浏览器里完成,图片不会上传。
几张照片,或者几张截图,几秒钟就能变成一段会循环的动画。
拖进来 2 到 50 张 JPG,它们会按你排的顺序连成一张 GIF 动图。不用装软件,也不用注册。
最短能到 0.05 秒。0.2 秒左右看起来才像在动,再慢就成了翻页。
表情、产品演示适合一直转;收尾有画面的,选「只播一次」,播完停在最后一帧,不会一闪而过。
点一下按文件名排序,frame2 排在 frame10 前面而不是后面;也能整体反转,或者直接拖卡片换位置。
工作区里按你设的速度实时播放,快了慢了当场就能改——这时候还什么都没有编码。
长边可以选 320 到 800 像素。小一点的 GIF 加载更快,也更容易压在聊天窗口和邮箱的体积限制以内。
| 你的画面是 | 做成 GIF 会 | 建议 |
|---|---|---|
| 录屏、界面、线条图 | 干净——大片纯色正是 GIF 存得住的东西 | 放心做,试试 640 像素 |
| 一小段连拍照片 | 看得见色带和噪点 | 320–480 像素还能接受,再大就更明显 |
| 渐变,或者一整片天空 | 一定会出现色带,躲不掉 | 256 色装不下渐变 |
| 640 像素下超过 20 帧左右 | 文件好几兆 | 先把边长调小,再考虑删帧 |
照片里的噪点、速度只能一小格一小格地调、最多 50 帧:这些都来自 GIF 格式本身,不是这个页面上的某个设置。
GIF 每一帧最多只能用 256 种颜色,所以照片里缺的颜色只能靠一层细密的小点去凑。天空和皮肤上看到的噪点就是这么来的,什么设置都去不掉。
“To simulate more than 255 or 256 colors, dithering is generally used.”GIF 格式按百分之一秒记录每一帧在屏幕上停多久。速度滑块每次移动 0.05 秒,所以你选的每个值都能被准确存下来。
“If not 0, this field specifies the number of hundredths (1/100) of a second to wait before continuing with the processing of the Data Stream.”动画一长,GIF 就不行了。Google 的网页团队测过同一段片子:做成 GIF 是 3.7MB,做成 MP4 是 551KB。所以这个工具最多 50 帧,更长的片子建议做成视频。
“In this example, the initial GIF is 3.7 MB, compared to the MP4 version, which is 551 KB, and the WebM version, which is only 341 KB!”六个地方对动图有明说的规矩:收不收这个格式、能多大、能播多久。每条规定都链接到对方官网的原文。
微信公众平台的素材规格写着「图片(image): 10M,支持bmp/png/jpeg/jpg/gif格式」。GIF 是收的,但整张不能超过 10M;一段十几帧的全屏录屏,照原始分辨率合出来动辄几十兆,传都传不上去。
用 Vormly 怎么解决
把每一步存成 JPG(PNG 截图先去「PNG 转 JPG」),点「按文件名排序」,边长选 640 像素。界面那种大片纯色正是 GIF 存得住的东西,做完下载按钮上直接写着体积,上传前就能核对。
微信表情开放平台在《如何做一个好的表情》里点了两个最常犯的错:「动画太长,拖延的时间太久」,还有「动画循环不流畅,如果不是一个循环的动画,结尾展示最终画面的时候没有停顿,导致一闪而过,用户看不清」。
用 Vormly 怎么解决
拖「每帧秒数」的时候,下面一直写着「12 帧 × 0.20 秒 = 一圈 2.40 秒」,太长当场就看得出来。收尾有画面的那种,把播放方式切成「只播一次」——播完停在最后一帧,不会一闪而过。
微博开放平台的发图接口写着「仅支持JPEG、GIF、PNG图片……目前上传图片大小限制为<10M」。GIF 在名单里,可是一组连拍按原图合起来很容易越过这条线。
用 Vormly 怎么解决
边长选 480 或 640 像素,帧数控制在二十张上下,体积先降下来。运行前工作区会按你设的速度播一遍,快慢不合适当场就改,改完再合成。
企业微信的「上传临时素材」写得很直白:「图片(image):10MB,支持JPG,PNG格式」——这一栏里没有 GIF。做好的操作动图,走应用消息推给同事这条路根本发不出去。
用 Vormly 怎么解决
先想清楚发到哪儿:发聊天窗口、公众号、微博的那一份在这里合成 GIF;要走应用消息的,就从同一批 JPG 里挑一张当静图。哪一帧最说明问题,工作区按你设的速度播一遍就看出来了。
微信小程序的分包文档给了两条硬线:「整个小程序所有分包大小不超过 30M」,「单个分包/主包大小不能超过 2M」。一段放进主包的引导动画,一个人就能吃掉大半个预算。
用 Vormly 怎么解决
边长选 320 或 480 像素,帧数压到十几张,做完在下载按钮上就能看到体积够不够塞。引导动画适合「一直循环」,用户看说明的时候它一直在放。
七牛云的图片处理文档给动图划了一条线:「处理前动图帧数限制:webp动图 最大帧数为50,gif 最大帧数为 200」。图床上帧数超了的 GIF,缩略、加水印这些处理会失败,页面上拿到的还是原图。
用 Vormly 怎么解决
这里一次最多 50 帧,本来就稳稳在上限以内。真正要盯的是体积:边长选 480 或 640 像素,下载按钮上写着多少兆,心里有数再上传。
把 JPG 拖进来,排好先后,定下每帧停多久,点一下就合成了。一次 2 到 50 张:再多的话 GIF 体积涨得很快,那种长度做成一小段视频更合适。整个过程在 Vormly 的页面里完成,图片不会离开你的浏览器,也不用注册。
这是 GIF 这个格式本身的限制,不是导出设置没调好:它每一帧只能存 256 种颜色。所以照片会出噪点,天空、渐变一定会出现一圈圈色带,换哪个工具做都一样。录屏、界面、线条图、纯色插画这类画面几乎看不出来,可以放心做;如果你的素材就是照片,那么做成一小段视频才是对的答案。
按屏幕上从左到右的顺序播。选文件时的先后不一定是文件名的顺序,所以有一个「按文件名排序」的按钮,它会把 frame2 排在 frame10 前面而不是后面。也可以整体反转,或者直接拖动卡片换位置,改完工作区立刻按新顺序播给你看。
多数情况下每帧 0.2 秒(也就是每秒 5 帧)看起来才像在动。这里不填帧率,直接拖「每帧秒数」,下面会实时算出「12 帧 × 0.20 秒 = 一圈 2.40 秒」,一圈多久一目了然。最小是 0.05 秒;GIF 本身按百分之一秒记录每帧停留的时间。
这里不行,这个工具收的是静态 JPG。先把想要的那几帧从视频里导出来,再拖进来合成。同样的道理,GIF 本身也不收——这是一个做 GIF 的工具,不是拆 GIF 的;HEIC 和 PDF 也不收。