🌐网页截图工具

将 HTML 文件或代码转换为高清图片。支持自定义输出尺寸、格式和缩放比例。所有处理在浏览器本地完成，不上传任何数据，保护隐私安全。

⚡ 即开即用 · 本地处理 · 保护隐私

图片处理

📁

拖拽 HTML 文件到此处，或点击上传

支持 .html / .htm 文件，单个文件最大 2MB

<!DOCTYPE html>
                        <html>
                        <head><title>示例页面</title>
                        <style>
                            body { font-family: Arial, sans-serif; padding: 40px; background: #f0f4ff; }
                            .card { background: #fff; border-radius: 16px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); max-width: 500px; margin: 0 auto; }
                            h1 { color: #2563eb; }
                            .btn { display: inline-block; background: #2563eb; color: #fff; padding: 10px 24px; border-radius: 30px; text-decoration: none; }
                        </style>
                        </head>
                        <body>
                            <div class="card">
                                <h1>✨ 奇遇网</h1>
                                <p>这是一个使用 <strong>网页截图工具</strong> 生成的示例页面。</p>
                                <p>您可以上传自己的 HTML 文件，或在此编辑代码。</p>
                                <a href="#" class="btn">点击截图</a>
                            </div>
                        </body>
                        </html>

输出格式

缩放比例 (像素密度)

输出尺寸 (宽 × 高)

🖥️ 上传 HTML 文件或输入代码后，点击「渲染预览」查看效果

截图将捕获此区域的内容

⏳ 正在生成截图，请稍候…

💡 上传 HTML 文件或输入代码，点击「渲染预览」，然后点击「生成截图」

💡 使用说明

通过 「上传 HTML 文件」 或 「输入 HTML 代码」 提供要截图的内容。
点击 「渲染预览」 在下方区域查看页面效果，确保内容显示正确。
调整 输出格式（PNG/JPEG）、缩放比例（1x/2x/3x）和 输出尺寸（宽×高）。
点击 「生成截图」 开始捕获，截图引擎（html2canvas）会在首次使用时自动加载。
生成后可在下方预览截图，满意后点击 「下载截图」 保存到本地。
所有操作均在浏览器本地完成，文件不会上传到任何服务器，保护你的隐私和数据安全。
提示： 如果页面包含外部资源（如 CDN 图片、字体），请确保网络畅通，或使用相对路径/Data URI 嵌入。

💡 隐私声明： 所有数据仅在浏览器内存中处理，不会被上传或存储。关闭页面后所有数据自动清除，请放心使用。