Convertir HTML a Imagen

Una instantánea de una página en vivo, no un rastreo de su código

La herramienta HTML a imagen de Pico Image no toma el marcado HTML o el CSS que pegas y lo convierte en una imagen; toma una URL, abre esa dirección en un motor de renderizado real tal como lo haría un navegador, espera a que la maquetación de la página, las fuentes web y las imágenes terminen de cargar, y luego captura exactamente lo que hay en pantalla en ese momento. Nada del código fuente se conserva: no hay elementos seleccionables, ni enlaces, ni texto que puedas copiar después, solo el resultado visual terminado. Elegir JPG en Formato de salida rasteriza ese fotograma capturado en una foto comprimida estándar, el mismo tipo de archivo que produce la cámara de un teléfono. Elegir SVG envuelve la misma captura renderizada en un contenedor vectorial en su lugar, útil cuando el archivo necesita encajar dentro de una herramienta de diseño o escalarse a otro tamaño sin una pérdida de calidad visible, pero el contenido dentro de ese SVG sigue siendo la página tal como se renderizó, no un conjunto de formas vectoriales separadas que puedas seleccionar y editar trazo por trazo. La resolución de la imagen capturada sigue el viewport de renderizado en lugar de tu propia pantalla, así que sale consistente sin importar desde qué dispositivo o tamaño de ventana estés capturando: un resultado repetible en lugar de lo que tuviera abierto el monitor en ese momento. Como todo el proceso depende de que la página realmente termine de renderizarse, hay límites reales. Una página que requiere que hayas iniciado sesión se carga como visitante anónimo y muestra lo que ese visitante vería, normalmente un formulario de inicio de sesión. Un artículo con muro de pago muestra el muro de pago. Un sitio que se ha configurado explícitamente para resistirse a ser incrustado o automatizado, mediante cabeceras de respuesta como X-Frame-Options o una política estricta de frame-ancestors, o mediante detección de bots orientada a navegadores headless, a menudo devolverá un error o una maquetación deliberadamente rota en lugar de su contenido real. La captura también refleja un único ancho de viewport y la altura completa de desplazamiento de la página, no varios tamaños de pantalla, y no simula desplazamiento ni clics, así que el contenido que solo aparece tras una interacción del usuario (una sección desplegable, una imagen de carga diferida cerca del final, las diapositivas posteriores de un carrusel) puede faltar o mostrarse en el estado en que se encontraba cuando terminó el renderizado.