从网页效果图中提取独立图片素材
将 ChatGPT、Gemini 生成的网页设计稿或 UI 截图中的图标、Logo 和插画提取为独立文件。选择素材、清理边缘，导出适合网站、原型和开发交付的 PNG、WebP 或 SVG。
为不同排版选择合适的提取方式
图形分隔清晰、背景统一时，先使用自动识别批量发现素材。对于图标紧邻文字、元素尺寸不同或插画细节分散的网页，使用手动框选可更准确地指定完整目标。
自动检测也可能选中文字、按钮或整张卡片。预览结果后删除不需要的区域，或切换到手动选择，只保留项目所需的图片。
从 AI 生成的网页到可用素材
清理背景，细化边缘
提取后，在深浅背景上检查白边、阴影和细线。通过 Repair 调整边缘清理、收缩和平滑强度，让素材更适合目标页面。属于设计本身的浅色圆底、纸张和白色填充可以保留。
把提取的素材用于实际项目
选择适合的输出格式
PNG 和 WebP 适合保留渐变、纹理与复杂插画；SVG 适合转换简单图形并获得可缩放路径。输入为合并后的图片，无法恢复原始 HTML/CSS、设计图层或被遮挡的内容。复杂背景与融合阴影可能需要进一步编辑；放大导出不会增加原图细节。
开始提取你的网页素材
上传网页效果图，选择需要的素材，再按项目需求导出。免费账户登录后每天可处理 3 张图片，支持最长边不超过 512px 的 PNG；单图与 ZIP 可用额度以账户显示为准。
需要 WebP、SVG、更大原尺寸或多尺寸导出？查看套餐，选择适合本次项目或长期使用的方案。