本文介绍了一款名为screenshotapi.online的API服务，旨在解决使用Next.js部署应用时，在Vercel或Cloudflare上进行Puppeteer截图的痛点。该服务专注于提供高质量截图、网页图标提取以及干净网页内容获取功能，以应对部分网站首页存在的隐私政策弹窗和广告对截图质量的影响。该API支持多种图片格式、设备模拟、自定义截图参数，并能移除广告和弹窗，同时还能提取网页图标和内容（支持Markdown格式）。内置的Playground方便用户调试和生成请求代码。

✨ **高质量截图与定制化能力**：screenshotapi.online提供了包括PNG、JPEG、WebP在内的多种图片格式截图，并支持压缩功能。它还允许用户模拟设备、自定义视口（viewport）、加载和等待时机，甚至可以注入JavaScript和CSS代码，以满足多样化的截图需求，并支持全屏截图。

🚫 **广告与弹窗移除**：为了获取更干净的网页内容和保证截图质量，该服务特别增加了移除网页广告和隐私政策弹框的功能，这对于后续的AI分析和数据抓取至关重要，避免了无关信息的干扰。

🌐 **网页图标与内容提取**：除了截图，该API还能从网页中提取网站图标（favicon），并支持获取网页的纯净内容，提供Markdown格式或原始格式的选项，为AI分析和内容整理提供了便利。

🛠️ **便捷的Playground调试工具**：为了提升用户体验，screenshotapi.online内置了一个Playground，用户可以在其中方便地调试API请求，并直接生成用于集成到自己项目中的请求代码，大大简化了开发流程。

大家好。

在之前我开发了两个导航站，一个开源的aigotools 和一个闭源的similarlabs。两个产品都是基于 nextjs 开发的，nextjs 部署在 vercel 或者 cf 上就有一个问题，它不方便使用 puppeteer 截图。为了截图我把截图服务单独提了出来，部署在一台服务器上，后面又发现了些问题：

这个服务不常用但是需要保证稳定有部分网站首页会有隐私政策弹框和广告，会影响截图质量如何获取网站图标如何获取干净的网页内容供 ai 分析

在做了两个导航站后，我想着把这些功能抽离出来，单独做成一个服务，于是就有了 https://www.screenshotapi.online 这个网站。一个支持高质量截图、获取网页图标、网页内容的 api 工具。

核心功能

截图

支持 png 、jpeg 、webp 多种图片格式、自带压缩功能支持设备模拟，内置随机 useragent ，支持自定义 viewport 、加载/等待时机支持注入 JavaScript 和 css支持全屏截图支持广告移除、隐私政策弹框移除等 gonna

网站图标

从网页中提取网站图标

内容提取

支持获取 markdown 格式或原始格式的网页内容

Playground

产品内置了一个 Playground ，用于调试请求和直接生成请求代码。

产品地址

https://www.screenshotapi.online