HTML 转图片
将网页转换为 JPG 或 SVG,同时保持原有的视觉效果。
捕获的是一个实时页面,而不是抓取它的代码
Pico Image 的网页转图片工具,并不是把您粘贴进去的 HTML 标记或 CSS 转换成图片——它接收一个网址,用一个真正的渲染引擎打开这个地址(就像浏览器打开网页那样),等待页面的排版、网页字体和图片全部加载完成,然后精确捕获那一刻屏幕上呈现的画面。源代码本身不会被保留下来:没有可选中的元素,没有链接,也没有之后可以复制出来的文字,只有最终的视觉呈现结果。在输出格式中选择 JPG,会把捕获到的这一帧栅格化成一张标准的压缩照片,和手机相机拍出的文件类型相同。选择 SVG,则会把同样的渲染结果包裹在一个矢量容器中,这在文件需要放进设计工具,或者需要缩放到不同尺寸而不出现明显质量下降时很有用,但这个 SVG 内部的内容仍然是页面渲染后的结果,而不是一组可以逐条路径单独选中和编辑的矢量图形。捕获图片的分辨率取决于渲染视口,而不是您自己的屏幕,因此无论您用什么设备或窗口尺寸来发起捕获,结果都是一致的——这是一个可重复的结果,而不是取决于当时碰巧打开的显示器。由于整个过程依赖页面真正完成渲染,因此存在一些实际限制。需要登录才能查看的页面,会以匿名访客的身份加载,展示的是匿名访客能看到的内容——通常是一个登录表单。设有付费墙的文章会显示付费墙本身。明确配置为拒绝被嵌入或自动化访问的网站——通过 X-Frame-Options 之类的响应头,或严格的 frame-ancestors 策略,又或者专门针对无头浏览器的反爬检测——往往会返回一个错误,或者一个刻意呈现的错乱版面,而不是真实内容。捕获结果反映的是单一的视口宽度和页面完整的滚动高度,而不是多种屏幕尺寸,也不会模拟滚动或点击操作,因此只有在用户交互之后才会出现的内容——一个可展开的区块、页面底部的懒加载图片、轮播图后面的幻灯片——可能会缺失,或者只呈现渲染结束那一刻恰好所处的状态。
什么时候实时捕获比手绘草图或手动截图更有优势
一个缺失或过时的 Open Graph 图片是最典型的场景:如果某个 CMS 从未为一个页面生成合适的社交预览图,把这个实时网址跑一遍这个工具,就能得到一张准确的缩略图,不需要打开浏览器开发者工具,也不需要安装截图插件。市场营销和法务团队会在落地页被修改之前使用同样的能力,因为一张带日期的 JPG 图片,能证明这个页面当时实际的文案和外观,而单纯一个链接一旦下面的文案改了,就无法再证明这一点。在设计交接过程中,一张真实主页的平面截图——带有真实数据、真实广告位、真实 cookie 弹窗,也就是生产环境中实际存在的一切——能比一个在这些内容都还不存在时画出来的 Figma 稿,给开发者提供更多关于间距和色彩的信息。对于提出改版方案的团队来说,把当前的实时截图和新的设计稿并排展示,能让改进之处一目了然,这是在工单里用文字描述永远达不到的效果。它同样也是在不搭建监控系统的情况下,留意竞争对手或合作伙伴页面变化的快捷方式——现在捕获一次,一个月后再捕获一次,直接对比两张图片,而不用费力回忆到底改了什么。当一份 bug 报告需要展示页面在某个特定时刻的具体渲染效果——一个错乱的版面,或者一个卡住的加载状态——单独一个网址在问题修复之后就无法再复现那个瞬间,但在问题发生时抓取的一张快照可以。
捕获一个页面
把工具指向您想要捕获的确切页面——这个流程针对的是一个具体的网址,而不是您上传的文件或编写的代码,因此这个地址必须是页面真实、可公开访问的位置。请提前选好格式,因为 JPG 和 SVG 生成的是实质不同的文件,而不仅仅是同一张图片的两种扩展名。捕获过程本身在服务器端进行:一旦开始,这个工具会在一个实时渲染环境中加载页面,捕获中的提示会持续显示,直到排版、字体和可见图片都稳定下来,才会完成截图。输出结果会以您选择的格式下载为单个文件,可以直接用于附件、上传,或放进设计文件,不需要再做任何转换。
把页面的完整地址(包括 https://)粘贴到网址字段中
选择输出格式——JPG 适合常规分享用的图片,SVG 适合需要可缩放包装的场景
开始捕获,并等待“捕获中...”阶段,此时页面正在加载、版面正在趋于稳定
渲染完成后下载最终的快照
常见问题
更多图片工具
探索其他强大的图片编辑工具
压缩图片
减小文件大小
调整大小
更改尺寸
裁剪图片
裁剪区域
格式转换
转换格式
照片编辑器
编辑照片
旋转图片
旋转图片
镜像翻转
水平/垂直翻转
添加水印
添加水印
添加边框
为图片加边框
圆角裁剪
添加圆角效果
滤镜调整
亮度对比度等
模糊面部
隐藏面部
马赛克
局部打码
去除背景
去除背景
提升质量
AI 提升
添加文字
在图片上加字
图片拼接
拼接多张图片
GIF 转图片
提取序列帧
裁剪空白
移除空白边缘
批量重命名图片
安全地批量修改文件名
圆形裁剪
将图像裁剪为圆形
黑白
将图像转换为灰度
分割图像
将图像切割为网格
合并图像
将多张图像合并为一张
更改DPI
设置图像DPI元数据
图像转Base64
将图像编码为Base64
图片转PDF
将多张图片合并成一个PDF
HEIC 转 JPG
将 iPhone 的 HEIC 照片转换为 JPG
EXIF 元数据移除器
查看并清除照片中隐藏的元数据,包括 GPS 位置信息
Favicon 生成器
全套图标加 HTML
色板
从图片中提取颜色
Base64转图片
把Base64解码还原成图片
HEIC转PNG
把iPhone的HEIC照片转成无损PNG
文字穿插图片
把文字放到照片主体背后,全程在浏览器中完成
取色器
获取任意像素的HEX、RGB和HSL值
签名制作
手写签名并下载为透明PNG
签名去背景
把纸上的墨迹变成透明背景
透明背景制作
把背景变成透明