HTML转GIF转换器

Q: 怎样把GIF压缩到聊天软件能发送的大小？

可以使用更窄的**HTML 页面宽度**，或只转换第一页。如果结果仍然超出限制，可以用[压缩Discord用的GIF](/compress-gif-for-discord)把它缩小到上传上限以内。

用浏览器引擎渲染HTML文件并保存为GIF，适用于仍要求这种格式的场合：邮件签名、老式论坛、旧版CMS的字段。你可以选择窗口宽度，并决定生成一张长图还是一组页面大小的帧序列。

或将DOC, DOCX, DOCM … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

转换为

分辨率

图片

文件在我们的服务器上处理，并在 30 分钟后删除。

使用方法

1
上传HTML文件
添加 .html、.htm 或 .mhtml 文件，每批最多 20 个，每个不超过 95 MB。将网页另存为“网页，单个文件”，可以把图片和样式一并保存。
2
选择宽度和布局
HTML 页面宽度默认为 1280 px；制作邮件模板可改用 600 px。图片选择“一张长图”会生成一张静态 GIF；选择“每页一张”则生成与页面等高的多个帧，依次播放。
3
转换为GIF
点击转换为 GIF。如果 GIF 要放在有颜色的背景上，请在高级设置中开启透明背景。

HTML转GIF记录的是页面的外观，而不是动态效果：浏览器按你设定的宽度绘制页面，结果可能是一张静态 GIF，也可能是一个文件中的多个页面帧。

HTML转GIF的工作原理

首先，HTML 会像普通网页一样按你设置的HTML 页面宽度（320 到 3840 px）排版。文件内的样式和图片会生效；无法获取的字体会替换为相近的字体。然后截取渲染后的页面。

图片选择“一张长图”时，从页眉到页脚的整个页面会变成一张静态 GIF。选择“每页一张”时，页面会被切成与页面等高的若干部分，这些部分成为同一个 GIF 的帧并按顺序显示，方便不用滚动就预览长篇通讯邮件或多板块的落地页。

格式决定了限制。CompuServe 于 1987 年推出 GIF，1989 年的 GIF89a 修订版增加了帧延迟和透明色，至今所有查看器都支持。每一帧的调色板限制为 256 种颜色，所以转换器会把页面颜色映射到它能找到的最佳调色板上。文字、图标、按钮和扁平的品牌色都能清晰呈现；照片和柔和的阴影损失最大。

渲染网页时需要注意的GIF限制

每帧颜色数: 256
按像素透明，没有柔和边缘: 开/关
截取页面，而非录制: 静态
每批 HTML 文件数，每个 95 MB: 20

HTML转GIF：转换效果说明

误区页面的 GIF 会显示悬停效果和动画。

事实交互状态和动态效果需要有人操作或脚本触发。截取到的是页面静止时的样子。

误区GIF 是网页中最小的图片格式。

事实对于带照片的页面，JPG 或 WebP 通常小得多。GIF 只在简单的扁平图形上有优势。

误区GIF 会根据网站地址自动获取页面。

事实转换器处理的是你上传的 HTML 文件。请先从浏览器保存页面，最好保存为单个 MHTML 文件。

误区帧越多，GIF 越清晰。

事实增加帧数只会增加长度和文件大小，不会增加细节。清晰度取决于页面宽度和调色板。

HTML

超文本标记语言

HTML 是网页的标记语言，由 Tim Berners-Lee 在 20 世纪 90 年代初提出，现由 WHATWG 作为活标准维护。HTML 文件描述标题、段落、链接、表格、图片和表单，样式通常由 CSS 提供。所有浏览器都能渲染它，它也用于邮件模板和保存的网页。单个 HTML 文件往往依赖外部图片和样式表，单独移动后可能显示异常。

压缩方式: –
透明度: –
动画: –
发布年份: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML 转换器

GIF

图形交换格式

GIF 由 CompuServe 于 1987 年推出,至今仍是短小循环动画中支持最广泛的格式。它是无损的,但每帧只能使用 256 色调色板,因此照片和渐变会出现色带和抖动。它只支持开/关(1 位)透明,曲线形状的边缘会有锯齿。动画 GIF 往往比同一段 MP4 或 WebP 大得多。所有浏览器、聊天应用和社交平台都能播放 GIF。

压缩方式: 无损
透明度: 支持
动画: 支持
发布年份: 1987 · CompuServe

GIF 转换器

当目标位置只接受 GIF（例如邮件签名或较老的平台），或者想把多个页面帧打包进一个无需视频播放器就能播放的文件时，人们会选择把渲染后的页面保存为 GIF。

HTML转GIF常见问题

能把CSS动画转换成GIF动图吗？

不会。页面只渲染一次并截取，CSS 过渡、关键帧动画、视频和脚本效果都会定格在那一刻。如果需要保留动态效果，可以在页面播放时录屏，再用视频转GIF转换录屏文件。

为什么GIF里的渐变和照片看起来有颗粒感？

GIF 的每一帧最多只能使用 256 种颜色。带有平滑渐变、阴影或照片的页面有成千上万种颜色，只能通过抖动来近似，表现为斑点或色带。扁平设计和文字效果较好；照片较多的页面建议使用HTML转PNG，可以保留全部颜色。

为什么透明GIF的边缘有锯齿？

GIF 的透明是按像素“开或关”，没有半透明。与背景混合过的抗锯齿边缘要么变成纯色，要么消失，在深色背景上可能留下浅色光晕。如果 GIF 本来就放在白色背景上，保留白色背景即可。

保存为GIF的HTML邮件签名在所有邮件客户端里都能正常显示吗？

静态 GIF 几乎能在所有邮件客户端中显示，所以多年来邮件签名一直使用这种格式。动画 GIF 则不太可靠：2007 到 2013 版的经典 Windows 版 Outlook 只显示第一帧，所以请把重要内容放在第一帧。

怎样把GIF压缩到聊天软件能发送的大小？

可以使用更窄的HTML 页面宽度，或只转换第一页。如果结果仍然超出限制，可以用压缩Discord用的GIF把它缩小到上传上限以内。