🖼️HTML 转 PNG 图片
输入 HTML 和 CSS,即可渲染并保存为 PNG 图片。用于演示/作品集预览、设计稿截图、邮件模板确认、组件出图。基于 html2canvas。
🔒 浏览器内处理✓ 无水印✓ 无需注册
使用方法
- 1粘贴 HTML 代码。
- 2设置所需宽度。
- 3下载 PNG。
常见问题
支持哪些 CSS?+
大部分标准 CSS。部分最新功能(backdrop-filter 等)和外部字体有限制。
可使用外部图片吗?+
仅 CORS 允许的图片。建议使用 Base64 内联图片。
JavaScript 会执行吗?+
为安全,不执行 JS,仅渲染纯 HTML+CSS。
与代码 → 图片的区别?+
代码 → 图片是代码截图(语法高亮);本工具实际渲染 HTML/CSS。
大页面可以吗?+
宽度固定,高度自动。过大可能内存不足。