提交素材需求

SVG长图公众号样式精选

正在寻找优质的 SVG长图样式?135编辑器素材库为您精选了 49 款SVG长图相关素材,数据实时更新于 2026-04-13
无论您需要SVG长图风格,还是适配测试场景的排版设计,这里都能满足您的需求。所有素材均支持一键写入,助您高效完成公众号图文排版。

标题:
极简标题基础标题编号标题框线标题底色标题图片标题竖排标题主副标题符号标题艺术字体大标题纯序号小图标
正文:
极简正文基础正文段落正文边框内容底色内容分栏布局左右留白单页/卡片对话框分割线音视频表格轴线引用滑动竖排
引导:
基础引导引导关注引导分享引导收藏引导赞/在看引导阅读原文历史文章列表二维码END/结束结尾
图片:
图文
无样式图片基础图文上下图文左右图文背景图/信纸朋友圈图片GIF动图纯图片单图双图三图四图五图六图多图十图及以上图文并列
节日:
劳动节 二十四节气 开学季 春节 妇女节 重阳节 情人节 万圣节 清明节 感恩节 圣诞节 中秋节 国家公祭日 国庆节 元旦节 父亲节 618/双11 腊八节 元宵节 开工 招聘季 植树节 315 愚人节 青年节 护士节 母亲节 儿童节 端午节 教师节 中元节 建军节 建党节 毕业季 香港/澳门回归
行业:
政务/党史 教育 医疗健康 科技 电商/购物 母婴 金融理财 婚庆 新闻媒体 制造业/工业 餐饮美食 影视娱乐 低碳环保 慈善/公益 房产/建筑 体育运动 交通运输 安保消防 旅游出行 酒店 商务服务 艺术场馆 法律/仲裁 汽车汽配 能源电力 美妆穿搭 贸易 气象天气 国防军事 农林畜牧渔 会计/税务
用途:
招聘通知新闻资讯活动美食课程总结报告品牌宣传动图人物介绍邀请函散文诗歌书籍推荐(介绍)答题菜谱食谱会议电器介绍科普团日活动诗/古诗政策解读保洁一图看懂运动会
风格:
简约商务时尚SVG互动中国风/古风卡通/漫画清新极简文艺弥散风高级SVG样式SVG长图拼贴通用美拉德风ins风
色系:
红色绿色紫色黑色蓝色灰色粉色黄色橙色棕色渐变蓝紫色白色咖色蓝绿色卡其色莫兰迪色
排序:
企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少一组展开内容,需要使用“展开内容n”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:170916

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少一组展开内容,需要使用“展开内容n”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:170921

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:169641

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:该SVG中GIF图不可修改,仅支持替换。
注意2:若需要增加或减少一组展开内容,需要使用“n-展开组”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意3:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:168571

直接购买 ¥29.90

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:该SVG仅支持触发一次,再次触发需刷新。
注意2:该SVG中GIF图不可修改,仅支持替换。
注意3:若需要增加信滑动内容,可以使用“n-滑动组 ”“展开内容n - 滑动内容2”旁边的“复制”按钮。
注意4:若需要一组一组增加或减少滑动模块,可以使用“n-滑动组 ”旁边的“复制”“删除”按钮;再修改“8-动画组”“动画设置”里“动画后展开高度”的第二和三组数值。
注意5:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:167522

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:部分效果需在移动端查看。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:167526

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少一组展开内容,需要使用“展开内容n”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。
注意3:若需要修改展开部分的背景图,点击任一位置后,
如果是在135编辑器中使用的该效果,需要在弹出的“区域操作”位置调整层级到最后一个;
如果是在svg编辑器中使用的该效果,需要在弹出的“区域操作”位置调整层级到倒数第二个;
最后再点击“区域操作”里的“背景”,在弹出的背景设置中修改、调整背景。

商用 ID:170917

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少一组展开内容,需要使用“n-展开内容”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:169897

直接购买 ¥29.90

企业VIP
5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S
5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S
5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S5 S4 S3 S2 S1 S

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号发布,在手机上查看效果。
注意1:此样式仅支持移动端触发。
注意2:若需要增加或减少一组展开内容,需要使用“n-展开内容”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意3:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:169642

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
展开内容组复制/删除:竖向每增加/删除一个组,需将动画组的“动画后展开高度”的值547%加/减80%。

商用 ID:168572

直接购买 ¥29.90

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:弹幕部分只支持手机端触发。
注意2:若需增加或减少某一组滑动内容图片,需要点击对应部分滑动图片旁边的“复制图片”或“删除图片”按钮。
注意3:若需要一组一组增加滑动或轮播模块,需要点击“n-展开内容:x”或“n-滑动组:”旁边的“复制”“删除”按钮;再调整“9-动画组”“动画设置”里“动画后展开高度”的第二个值。
注意4:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:167523

直接购买 ¥19.90

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
该SVG中GIF图不可修改,仅支持替换。
注1:若需增加或减少某一组三层滑动内容,需要在135编辑器中点击对应三层滑动,选择“样式操作”里的“加一个”“减一个”功能。
注2:若需增加或减少一组滑动内容:
1、点击“编辑svg动画”使用右侧“n-展开内容”旁边的“复制模块”按钮;
2、修改“11-动画组”里“动画设置”的“动画后展开高度”数值。
注意:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:167527

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:该SVG中GIF图不可修改,仅支持替换。
注意2:若需要增加或减少一组展开内容,需要使用“展开内容n”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意3:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:170918

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意:若需要增加或减少一组下拉部分,需要使用“第n组下拉”旁边的“复制”或“删除”按钮。

商用 ID:169899

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少展开内容,需要使用“n-展开内容”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:169645

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少展开内容,需要使用“n-展开内容”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:168575

直接购买 ¥29.90

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
gif图仅支持替换。
注意:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:167524

直接购买 ¥19.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注:该效果中轨迹不可修改。
*注意:此样式仅支持移动端触发。
注意:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:166879

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:**该样式仅支持手机端触发**。
注意2:增加或删除内容可在svg编辑面板右侧点击增加或删除按钮。
注意3:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:170919

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少一组点击显示内容,可以使用“n-点击显示:”旁边的“增加”或“删除”按钮。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:169640

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:若需要增加或减少一组展开内容,需要使用“n-展开组”旁边的“复制”或“删除”按钮;再调整“动画组”“动画设置”里“动画后展开高度”的值。
注意2:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:168565

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:该样式仅支持手机端触发。
注意2:若需要增加或减少一组抽出内容,需要先点击“3-抽出内容2-3”旁边的“复制”或“删除”按钮;再修改“5-动画组”“动画设置”里“动画后展开高度”的第二、三组值。
注意3:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:168576

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:该SVG中,有部分文字为经过镂空处理,不可直接修改。
注意2:若需增加滑动内容,可以在需要增加的位置使用滑动内容上的“复制图片”按钮。
注意3:若需要修改滑动图片首屏高度,需要同步修改“2-动画组”“动画设置”里面的“动画后展开高度”。
注意4:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:167525

直接购买 ¥29.90

企业VIP

使用说明:
请按原图尺寸上传图片,需要使用保存同步功能同步到公众号,在微信预览中查看效果。
注意1:该SVG仅支持触发一次,再次触发需刷新。
注意2:该SVG中GIF图不可修改,仅支持替换。
注意3:若需要增加或减少滑动图片,需要分别点击“滑动组:背景n”与“滑动组:顶层n”旁边的“复制”或“删除”按钮。注意需要背景与顶层一起增加减少。
注意4:若需要修改点击后展开高度(即中间固定层高度),需要同步修改“动画组”“动画设置”里“动画后展开高度”的第二个数值。
注意5:展开高度大概计算方式:展开后总高度 / 展开前高度。

商用 ID:166880

直接购买 ¥29.90

您已完成充值
用户编号:-
会员类型:-
有效期至:-

您的笔格设计个人会员
终身版兑换码

赠送的新媒体排版课请站内信查看

您的笔格会员已自动充值到您当前登录的135账号,请在笔格官网登录页选择【135一键登录】即可
您的笔格会员赠送时长已自动充值到您当前登录的135账号,请在笔格官网登录页选择【135一键登录】即可
Ai排版会员请点击这里查看
飞鸟办公终身会员兑换码:
点击这里前往活动页,领取实物礼品 添加下方客服二维码,领取京东卡
新媒体工具大礼包请前往站内信查看
135会员服务
关注会员专属公众号,领取教程&福利
扫码添加客服领取福利
如出现会员未到账情况,请重新登录即可

常见问题Q&A

Q如何将选中的SVG长图样式应用到我的文章中?

A:操作非常简单。在素材列表中找到您喜欢的SVG长图样式,点击素材缩略图,即可将其"一键写入"到右侧编辑区。如果是模板,则会覆盖当前编辑区内容。

Q这些SVG长图素材支持手机端预览吗?

A:支持。135编辑器的所有SVG长图排版素材均基于微信标准开发,您可以点击编辑区的"手机预览"按钮,实时查看在移动端的真实显示效果。

Q编辑完的SVG长图排版如何保存?

A:您可以点击编辑器右侧的"保存"按钮将文章存入云端,或者使用"保存为我的模板"功能,将修改后的SVG长图设计存为个人专用模板,方便下次直接调用。