Website Screenshot
Captura una captura de pantalla de cualquier sitio web como PNG, JPEG o WebP —en tamaño escritorio, tablet o móvil, a página completa o solo del pliegue superior.
¿Qué es Website Screenshot?
Website Screenshot captura una imagen exacta al píxel de cualquier página web pública cargándola en un navegador headless real (Cloudflare Browser Rendering) y renderizando el resultado —de la misma forma en que la página se pinta en tu propio navegador, con JavaScript, fuentes web e imágenes de carga diferida incluidas. Eliges PNG para detalle sin pérdidas, JPEG para archivos más pequeños, o WebP para la mejor relación tamaño-calidad, activas la captura de página completa para coser todo el scroll de la página en lugar de solo el viewport visible, y eliges una clase de dispositivo —Desktop, Tablet o Mobile— para renderizar la página en ese viewport, de modo que los sitios responsivos muestren su disposición real de móvil o tablet en vez de una vista de escritorio encogida. Está pensado para vistas previas, miniaturas, referencias de diseño y para archivar cómo se veía un sitio en un momento dado. Nada de la petición —la URL, la imagen ni el resultado— se almacena después de enviar la respuesta.
Cómo usar Website Screenshot
- Pega la URL completa de la página que quieres capturar (con https:// incluido; los dominios desnudos como example.com también funcionan).
- Elige un formato de imagen —PNG para detalle nítido, JPEG para archivos más pequeños, o WebP para la mejor compresión.
- Elige un dispositivo —Desktop (1440px), Tablet (768px) o Mobile (390px)— para capturar la página en ese viewport y ver cómo se renderiza realmente su diseño responsivo.
- Activa "Full page" para capturar toda la página desplazable, o desactívalo para capturar solo el viewport visible.
- Haz clic en "Capture" y espera unos segundos mientras la página se carga en un navegador headless.
- Usa "Download" para guardar la imagen, o haz clic derecho en la vista previa para copiarla a otra aplicación.
Ejemplos
Sitio de marketing (página completa)
Entrada: https://example.com
Salida: Un PNG de página completa de la homepage, cosiendo el hero, las características y el pie en una sola imagen alta.
Vista previa del pliegue superior
Entrada: https://example.com (Full page off, JPEG)
Salida: Un JPEG de 1280px de ancho con solo lo que se pinta sobre el pliegue —una miniatura compacta.
Disposición móvil
Entrada: https://example.com (Device: Mobile, PNG)
Salida: Un PNG de 390px de ancho con la disposición móvil del sitio, con su menú hamburguesa y las secciones apiladas.
Archivo comprimido
Entrada: https://example.com (WebP, Full page on)
Salida: Un WebP compacto de toda la página, adecuado para almacenamiento a largo plazo o una galería de capturas.
Errores comunes
- Esperar una captura de una página que requiere inicio de sesión —el navegador headless no tiene sesión ni cookies, así que cualquier cosa detrás de autenticación se renderiza como el estado sin sesión.
- Capturar una URL que da 404 o redirige a un muro de consentimiento y asumir que el resultado roto es un bug de la herramienta —abre la URL primero en tu propio navegador si la imagen se ve mal.
- Elegir JPEG para una página con mucho texto y preguntarte por qué las letras se ven borrosas —PNG o WebP mantienen el texto nítido.
- Olvidar que algunos sitios sirven un marcado distinto a user agents desconocidos, así que la disposición capturada puede diferir de tu visita personal.
Por qué usar esta herramienta
- Renderizado real de navegador —JavaScript, fuentes web y frameworks renderizados en el cliente (React, Vue y similares) se pintan, no se simulan.
- Salida consistente e independiente de tu dispositivo, tamaño de pantalla o extensiones instaladas del navegador.
- Tres formatos de imagen más un conmutador de página completa cubren miniaturas, vistas previas y archivos completos de página.
- Sin registro, sin marca de agua y nada almacenado después de devolver la imagen.