Herramientas API Blog
Entrar Crear cuenta

Captura de webs

Captura de webs es una API que hace una foto (screenshot) de cualquier página web a partir de su enlace. Le pasas la URL y te devuelve una imagen (PNG o JPEG) de cómo se ve. Útil para miniaturas de webs, vistas previas de enlaces y para guardar cómo estaba una página, sin montar servidores.

Cómo funciona

Esta herramienta abre una página web pública (la del enlace que le des) y te devuelve una imagen (PNG o JPEG) de cómo se ve. La web se renderiza con su JavaScript, como en un navegador normal.

Está pensada para usarla desde plataformas no-code como n8n, Make o Zapier, sin programar. Ideal para miniaturas de webs, vistas previas de enlaces o guardar cómo estaba una página. No guarda nada: la captura se genera al momento.

Lo único que necesitas

  • Tu API key (tu “contraseña” para la herramienta). La creas en tu panel con “+ Crear llave”. Se muestra una sola vez, así que cópiala y guárdala.
  • En tu plataforma de automatización, un paso de tipo “HTTP Request” / “Hacer una petición HTTP” (lo tienen n8n, Make, Zapier, Pipedream…).

Cómo usarlo en n8n (paso a paso)

Le envías el enlace de la web y te devuelve la imagen directamente, lista para usar. En el nodo HTTP Request:

  • Method: POST
  • URL: https://api.cofferdock.com/screenshot
  • Send Query Parameters: actívalo y añade el tamaño: width = 1280, height = 800. (Puedes añadir full_page, format… ver la tabla.)
  • Send Headers: actívalo y añade dos: x-api-key = tu llave, y Content-Type = text/plain
  • Send Body: actívalo → Body Content Type: Raw → en Body pega el enlace de la web (por ejemplo https://cofferdock.com)
  • En Options → Response → Response Format: elige File

La salida del nodo ya es la imagen como archivo: conéctala directamente a Drive, email, Telegram… Un solo nodo y listo.

En Make (módulo HTTP → Make a request): mismo método y URL, en Query String añade width y height, en Headers las dos cabeceras, Body type: Raw, Content type: text/plain y pega el enlace en Request content. La respuesta ya es el archivo de imagen.

En resumen: POST a …/screenshot, width y height como Query Parameters, las cabeceras x-api-key y Content-Type: text/plain, el enlace de la web en Body en modo Raw y Response Format en File.

Opciones (en Query Parameters)

Opciones que puedes añadir como Query Parameters (campos name/value en n8n/Make):

OpciónPor defectoPara qué sirve
width1280Ancho de la ventana en píxeles.
height800Alto de la ventana en píxeles.
full_pagefalseCapturar la página entera (no solo lo visible). Ponlo en true.
formatpngFormato: png o jpeg.
wait_ms0Esperar antes de la foto (máx. 5000) por si algo carga tarde.

Solo webs públicas: únicamente se permiten enlaces http/https accesibles desde internet. Por seguridad, no se pueden capturar direcciones internas o privadas.

Lo que recibes

La imagen directamente (un archivo PNG o JPEG), lista para guardar, enviar por email o publicar. No hay que convertir nada: el paso siguiente de tu automatización ya recibe el archivo. (En el modo técnico con JSON, la imagen llega en base64.)

Si en un pico recibes “ocupado”

En momentos de mucha demanda, la API puede responder “ocupado” (código 503) y pedirte que esperes unos segundos. Es raro y puntual, pero para que tu automatización lo resuelva sola, activa el reintento en el paso de la petición:

  • En n8n: en el nodo HTTP Request, pestaña Settings, activa “Retry On Fail”. Con 2–3 intentos sobra.
  • En Make: añade un manejador de errores al módulo (clic derecho → Add error handler) con la directiva Break, que reintenta automáticamente.

Nuestra respuesta incluye la cabecera Retry-After con los segundos que conviene esperar. Con el reintento activado, tu flujo ni se entera.