Captura de pantalla en alta resolución de una página web
31 de octubre de 2026 · 3 min read
Para hacer una captura de pantalla en alta resolución, captura a la resolución completa de tu pantalla, guarda en PNG en lugar de JPG y amplía antes de capturar los detalles pequeños. Para una página web más nítida de lo que tu pantalla puede mostrar, abre DevTools de Chrome, fija una relación de píxeles del dispositivo (DPR) más alta, por ejemplo 2 o 3, y usa Capture full size screenshot: la imagen se renderiza a ese múltiplo del tamaño normal.
Por qué las capturas salen borrosas
Una captura copia los píxeles de tu pantalla, nada más. Si la ventana es pequeña, la página tiene el zoom reducido o el archivo se guarda como JPG comprimido, se pierden detalles. Ampliar la imagen después no los recupera.
Formas de hacer una captura en alta resolución
| Método | Qué cambia | Ideal para |
|---|---|---|
| Guardar en PNG | Sin artefactos de compresión en texto y bordes | Interfaces, texto, esquemas |
| Ampliar antes de capturar | Más píxeles de pantalla para la zona que necesitas | Un gráfico o una tabla |
| DevTools de Chrome con DPR más alto | Renderiza la página a 2x o 3x | Páginas web para imprimir, diapositivas o pantallas Retina |
Opción 1: PNG, no JPG
El PNG mantiene nítidos el texto y los bordes de la interfaz; el JPG comprime la imagen y puede emborronar las líneas finas. Usa JPG solo cuando el tamaño del archivo importe más que el detalle.
Opción 2: amplía primero
Pulsa Ctrl + + (Cmd + + en Mac) para ampliar la página y captura la zona. El mismo gráfico ocupa ahora más píxeles de pantalla, así que se ve nítido al imprimirlo o proyectarlo.
Opción 3: la relación de píxeles en DevTools de Chrome
La documentación del modo dispositivo de Chrome explica que el DPR es «la relación entre los píxeles físicos de la pantalla y los píxeles lógicos (CSS)». Puedes fijarlo tú:
- Abre DevTools (F12, o Cmd + Opción + I en Mac) y activa el modo dispositivo con el icono de móvil y tablet.
- Haz clic en More options (tres puntos) > Add device pixel ratio.
- En la barra sobre la página, elige un valor en el nuevo menú DPR, por ejemplo 2 o 3.
- En el mismo menú More options, elige Capture screenshot para la parte visible o Capture full size screenshot para toda la página.
El DPR funciona como un multiplicador de resolución: una vista de 1920 píxeles de ancho con DPR 2 da una imagen de 3840 píxeles de ancho, como muestra esta guía paso a paso. La misma guía advierte que las capturas de tamaño completo no funcionan perfectamente en todos los sitios. Los demás comandos de captura de DevTools están en captura de pantalla en Chrome, y el paso a paso completo en captura de página web completa en Chrome.
Para las capturas de cada día, Full page screenshot guarda páginas completas o áreas seleccionadas en PNG, el formato que mantiene nítido el texto. Para imágenes a 2x o 3x, usa el método de DevTools de arriba.
Preguntas frecuentes
¿Cómo hago una captura en alta resolución en Windows?
Pon la pantalla en su resolución recomendada, maximiza la ventana, amplía la zona y captura con Windows + Mayús + S. Para páginas web, usa el método del DPR en DevTools.
¿Puede una captura tener más resolución que mi pantalla?
No con los atajos del sistema. DevTools de Chrome puede renderizar una página web a 2x o 3x con un DPR personalizado.
¿PNG o JPG para capturas de pantalla?
PNG para texto e interfaces; JPG cuando necesitas un archivo más pequeño y el detalle fino importa menos.