GPT 6 系列 SVG 动画实测4 个模型、2 道题谁画得好谁真的理解了动作1. 背景上一篇《八个模型生成的“鹈鹕骑自行车”对比谁更适合做 SVG 动画》主要比较不同模型的画面风格、动画细节和代码组织。这次缩小范围只看四个 GPT 系列模型在 SVG 动画上的表现gpt-6-solgpt-6-lunagpt-6.1-solgpt-6-astra会话记录中的推理设置均为high。这次不只让动物正常骑车还加入了一个更奇怪的姿势鹈鹕躺在自行车上腿朝天倒蹬。原因很简单普通骑车画面漂亮就容易给人“做得不错”的感觉但把姿势、方向和踏板关系放到一起才更容易看出模型是在画一个热闹场景还是确实理解了动作。**测试日期2026 年 9 月 30 日。**本次共核对 8 份成品 SVG在浏览器中查看画面与动画并结合源码分析。生成时的提示词均包含“不要任何测试”本文的成品预览与源码核对是后续测评环节。先说明边界本文使用本地会话记录中的模型标识记录中的模型提供方为自定义渠道。这里不据此推断官方型号映射、参数、定价或发布时间。结果只代表这次作品不是模型整体能力排行榜也没有进行多次采样求平均。如果你也在关注多模型接入可以了解一下我维护的灵链云APIllapi.org。这篇还是以实际作品为主看看几个模型在同类题目上各有什么特点。2. 先看结论需求本次更推荐的作品原因复古海报感、视觉包装gpt-6-astra配色、边框、标题和场景组织更完整两道题风格统一骑行细节、复杂动作关系gpt-6.1-sol、gpt-6-astra不只让零件旋转还处理了腿部形变、脚与踏板的配合轻量、容易读懂和修改gpt-6-luna两份文件均不到 8 KiB主要使用 CSS 动画结构直接轻松可爱的趣味插画gpt-6-sol主体突出鹈鹕朝天空蹬的画面很有趣但动作还原有缺项“腿朝天倒蹬”这道题gpt-6.1-sol、gpt-6-astra高位曲柄、双腿和踏板形成了更明确的动作关系我的总体判断是**这次 astra 更像在做一张完整的插画海报6.1-sol 更重视把骑行动作组织起来luna 走轻量路线sol 则偏趣味表达。**这些是对本次成品的概括不是固定的模型性格。尤其要注意画得精致不等于动作做对车轮在转也不等于动物真的在蹬车。3. 两道题分别测什么3.1 鸵鸟骑复古单车看画面也看是否真的在踩踏主要提示词画一个鸵鸟骑复古单车的svg动画不要任何测试下面统一按各会话最终交付的 SVG 成品比较不把目录里的旧版作品混进来。评价重点是画面表现、动作还原和代码组织。四份作品都能看出鸵鸟、单车和复古气氛但表达方式不同6-sol深色羽毛、大主体、围巾和车篮像一张暖色卡通明信片。6-luna轮廓简洁暖黄色背景和绿色车架搭配舒服画面没有太多装饰。6.1-sol薄荷绿低跨车架、挡泥板、花篮、鸭舌帽和围巾复古生活感更强。6-astra墨绿单车、后座行李、细线边框和中英文文案海报完成度最突出。但是动态表现不能只看静态截图。**sol 和 luna 的鸵鸟腿部基本保持固定形状主要依靠车轮、曲柄和身体起伏制造骑行感。**转动的踏板经过不同位置时脚并没有持续跟上。相比之下6.1-sol 使用 CSS 路径形变astra 使用 SVG 路径动画让腿随踩踏周期变化并分别处理脚部或踏板运动。这两份作品更接近“鸵鸟正在骑车”而不只是“鸵鸟坐在一辆会动的自行车上”。3.2 鹈鹕仰躺、腿朝天倒蹬看姿势、方向与接触关系四个模型的主要提示词一致画一个鹈鹕骑自行车svg动画鹈鹕躺在自行车上腿朝天上倒蹬自行车不要任何测试。这道题的难点不是“画一只鹈鹕”而是同时处理鹈鹕是否真的躺着而不是正常坐姿腿是否主要朝上而不是整圈甩到身体各处倒蹬方向是否落实到腿和曲柄而不只是装饰箭头脚与踏板是否形成配合而不是各动各的。本次结果里6.1-sol 和 astra 的处理更完整两者都画出了支撑躺姿的长座椅、高位曲柄以及随踏板轨迹变化的双腿。它们还加入了从高位机构连向车架的传动结构让这个荒诞姿势在画面内部更自洽。这里评价的是插画的动作关系不是证明这辆车在现实中能造出来也不要求轮胎速度与传动比严格符合物理规律。4. 四个模型逐个看灵链云APIllapi.org模型也可以把下面这些作品作为模型选型的案例参考同样是生成 SVG视觉风格和动作处理上的差别比模型名称本身更值得看。4.1 gpt-6-sol趣味感强但“有动画”和“动作正确”还有距离鸵鸟作品的优点很直观主体大深色羽毛与暖色背景对比明显车篮、帽子、围巾和扬尘都增加了故事感。车轮、曲柄、头部、羽毛、道路等都有动作第一眼并不单调。不足是双腿没有跟着曲柄持续变化。代码中腿仍是固定路径身体一起轻微起伏而踏板独立旋转。所以它更适合当趣味插画不适合直接当作踩踏动作的准确示例。鹈鹕作品很好地表达了仰躺和双腿朝天长嘴、喉囊和翻起的腿让主题一眼就能看懂。但双脚是在空中绕圈没有配合脚部运动的高位实体踏板。下面车架上的中轴也没有与朝天双脚建立明确联系。此外源码中的装饰运动环使用负向旋转但脚部位置序列并没有跟随这个方向。对“倒蹬”的要求不能仅凭一个反向运动环就判定已经完成。**适合**趣味插画、轻松的展示素材、先做出有辨识度的 Demo再人工完善动作。4.2 gpt-6-luna轻量清楚但复杂动作被简化得过头luna 的两份作品视觉语言比较统一深绿色描边、暖黄色地面、圆形太阳和简洁的山丘。没有大量装饰主体与背景关系清楚适合拿来理解 SVG 分组和 CSS 动画。鸵鸟作品主要使用车轮、踏板、云朵和身体起伏表现骑行。优点是简单代价同样是腿部缺少与踏板同步的形变。鹈鹕作品虽然设置了高位曲柄但腿部采用的是整组旋转两条腿围绕指定位置做一整圈转动而不是膝部弯曲、脚沿踏板轨迹移动。播放时腿会转到身体侧面甚至更低的位置偏离“腿朝天”的要求脚与高位踏板也没有稳定的接触关系。这个案例很适合说明CSS 的rotate(360deg)能很快制造运动但不能替代关节动作设计。它的优势仍然成立两份 SVG 分别只有约7.45 KiB、7.56 KiB没有脚本主要动画逻辑集中在少量keyframes中阅读和二次修改的门槛相对低。**适合**轻量小组件、教学入门、快速原型复杂姿势需要人工补充动作约束。4.3 gpt-6.1-sol两道题都兼顾了造型与踩踏关系鸵鸟作品不只是换一辆绿色自行车。低跨车架、花篮、挡泥板、浅色轮胎、帽子和围巾共同构成了复古气氛。动作上还加入眨眼、头部轻摆、尾羽摆动和道路移动细节密度较高。更重要的是腿部使用 CSS 的d: path(...)分阶段改变形状两条腿错开半个周期踏板组件还通过正反向旋转的组合让脚部在绕曲柄运动时保持较自然的朝向。鹈鹕作品的动作结构更明确高位曲柄、传动结构和躺椅组合在一起双腿随踏板位置改变双脚交替运动。鹈鹕的长嘴、大喉囊和放松的表情也很鲜明。腿部采用较密的 SVG 路径采样相关动画序列包含97 个位置值其中首尾位置重复以闭合循环。这体现的是它对动作关系投入了更多代码并不意味着实际播放达到 97 帧或比其他作品“快”。不足也很明确鹈鹕文件约30.68 KiB是本次 8 份文件中最大的大量坐标序列使源码变长。如果要调整曲柄位置、腿长或身体姿势最好重新计算相关路径而不是逐个手改坐标。另外鸵鸟使用了 CSS 路径动画和light-dark()配色交付到不同浏览器或嵌入环境前还需要单独核对兼容性。本次预览不等于跨浏览器验证。**适合**需要更完整骑行动作的展示、复杂姿势插画、愿意接受稍高维护成本的动画素材。4.4 gpt-6-astra视觉包装最完整动作也没有只停留在装饰层astra 最明显的特点是把 SVG 当成一张完整的画面来设计。鸵鸟作品使用墨绿车架、低饱和背景、大太阳和细线边框结合标题、短文案、后座行李与骑行配饰复古海报感很强。它没有为了装饰放弃动作双腿、脚部与踏板的路径按周期配合围巾和羽毛补充了轻微摆动。鹈鹕作品延续了类似的版式完整度标题、主体、远景和底部短句形成清楚的层次。高位曲柄与双腿通过 SVG 原生动画配合关键轨迹使用49 个位置值包含首尾重复位置。相比只让整条腿旋转踩踏关系更容易看懂。不过完整的包装也带来了更大的文件。两份作品分别约27.28 KiB、22.22 KiB如果项目只需要透明背景的小动物动画这些边框、文案和大场景反而需要删减。还有一点值得区分这次的主要交付是 SVG 插画不是上一篇里那种带播放、暂停和速度控制的完整交互页面。画面有设计感不代表交互功能也丰富。**适合**专题配图、活动视觉、作品展示、需要“场景与文案一起交付”的素材。5. 技术维度对比5.1 文件大小与动画组织下面按本次最终成品统计。KiB 字节数 ÷ 1024动画标签数量不等于动画质量也不是性能评分。模型鸵鸟 SVG鹈鹕 SVG鸵鸟动画方式鹈鹕动画方式gpt-6-sol10.16 KiB12.09 KiBCSS8 组关键帧CSS SMIL5 个原生动画标签gpt-6-luna7.45 KiB7.56 KiBCSS3 组关键帧CSS4 组关键帧gpt-6.1-sol12.63 KiB30.68 KiBCSS含腿部路径形变CSS SMIL12 个原生动画标签另有减少动态效果脚本gpt-6-astra27.28 KiB22.22 KiBCSS SMIL13 个原生动画标签CSS SMIL11 个原生动画标签这里的原生动画标签是animate与animateTransform的合计。八份成品在本次 Edge 浏览器预览中均能显示未捕获页面脚本错误。这只说明此次环境下能够预览不代表 Safari、Firefox、移动端或所有 SVG 嵌入方式都已验证。5.2 动画方案与可修改性luna 的 CSS 方案最直接适合修改颜色、轮速、起伏幅度但复杂腿部动作需要重新设计。sol 的两份作品动态装饰较多改视觉容易补足踏板与腿的关系则不是调一个速度值就能解决。6.1-sol 与 astra 的路径动画让踩踏关系更明确同时增加了维护成本一个关节位置变化可能影响一整组采样坐标。所以我更愿意把“可修改性”拆成两件事**改配色和文案容易不容易改动作结构容易不容易。**这两者不是同一个指标。无论是通过灵链云APIllapi.org接入模型还是使用其他方式拿到代码后都值得多看一步它是方便继续改的素材还是只能展示一次的成品5.3 一个容易忽略的问题减少动态效果是否真的生效八份作品都写了prefers-reduced-motion相关样式但具体覆盖范围不同。纯 CSS 的作品在本次预览中减少动态效果设置可以停用相关 CSS 动画。sol 的鹈鹕、astra 的两份作品CSS 动画停了但 SVG 原生动画没有随之暂停。6.1-sol 的鹈鹕额外通过脚本调用pauseAnimations()本次独立 SVG 文档预览中CSS 与 SMIL 都能暂停。这也是本次值得关注的代码细节“写了减少动态效果样式”不等于所有动画都已经被覆盖。6.1-sol 的脚本方案是否生效还取决于具体嵌入环境是否允许 SVG 脚本执行不能直接把独立文档的结果推广到所有img或平台图片展示方式。6. 补充这次生成过程用了多少 token下面从本地会话日志提取生成阶段的用量截止于后续询问 token 之前不混入之后的统计问答也不包含本文测评的消耗。题目模型输入总量其中缓存命中非缓存输入输出总量输入输出鸵鸟gpt-6-sol48,47641,6006,8766,05354,529鸵鸟gpt-6-luna202,531178,94423,5875,511208,042鸵鸟gpt-6.1-sol241,713205,18436,52914,308256,021鸵鸟gpt-6-astra96,04974,49621,5537,183103,232鹈鹕gpt-6-sol83,37064,00019,3707,14890,518鹈鹕gpt-6-luna79,79161,69618,0954,63484,425鹈鹕gpt-6.1-sol81,07352,99228,0816,28787,360鹈鹕gpt-6-astra85,27566,43218,8435,82491,099**这里比较的是完成整个生成任务的会话用量不是 SVG 代码本身的 token 数也不是金额账单。**输入包含上下文、工具返回等内容输出包含代码、工具调用参数、回复和推理输出。缓存命中已经包含在输入中推理输出已经包含在输出中都不能再重复相加。还要注意两处限制鸵鸟任务中的调用次数、文件处理过程和上下文并不相同不能根据这张表直接断言某个模型更省钱或更高效。sol 的鸵鸟早期中断请求没有完整用量记录表中是重发后可核对的生成用量不能把它当成包含中断部分的全部消耗。这张表更适合帮助理解为什么只有一句提示词和一个 SVG 文件整个代理式生成过程仍可能累计较多输入 token。如果准备在灵链云APIllapi.org做类似的模型对比建议把成品效果和实际调用用量一起记录。7. 最终建议如果只根据这次作品来选做复古海报、专题插画、视觉完整的展示素材优先参考gpt-6-astra。做姿势复杂、需要腿与踏板配合的骑行动画优先参考gpt-6.1-sol或gpt-6-astra。做轻量组件、入门示例、方便自行修改的起点优先参考gpt-6-luna但不要照搬它的整腿旋转来处理复杂踩踏。做有趣、可爱、主体突出的卡通画面gpt-6-sol有可取之处交付前还应补查动作方向和脚踏关系。我不打一个看似精确的百分制总分因为这里只是每个模型两份作品没有进行多次采样和统计验证。本次最有价值的结论也不是“哪个模型名字更新就一定更好”而是测 SVG 动画要同时看画面、动作、提示词还原和代码。只看截图容易把精致插画当成正确动画只看有多少元素在动又容易忽略脚到底有没有踩到踏板。从普通骑行换成“躺着、腿朝天、倒蹬”几个词就把差距拉开了。以后测试模型生成动画我会更关注动作内部是否自洽而不仅仅是画面第一眼有多漂亮。想继续看这类实际作品对比或者正在寻找模型灵链云APIllapi.org。模型怎么选还是先看自己的任务再看实际生成的结果。