Generador de cartas de prueba de pantalla

Elige una resolución y capas de prueba para crear cartas PNG o SVG para televisores, monitores y proyectores.

Ajustes de la carta

Preajuste de resolución
Formato de exportación

Carta lista. Ajusta las opciones o expórtala.

Capas de prueba

Vista previa y salida

Resumen de salidaLista para exportar
Dimensiones1920 × 108016:9 · PNG
Píxeles totales
2,073,600
Memoria RGBA estimada
7.9 MB
Capas activas
8
Nombre del archivo
display-test-card-1920x1080.png
Capas activas
  • Borde de píxeles
  • Cuadrícula
  • Círculo geométrico
  • Mira central
  • Zona segura
  • Barras de color estándar
  • Tira de grises
  • Marcas de esquina

La vista previa usa un Canvas escalado; la descarga conserva las dimensiones objetivo o el viewBox del SVG.

Elegir una carta de píxeles fijos o escalable

PNG: para comprobaciones 1:1

PNG tiene dimensiones fijas y sirve para revisar recortes, cuadrícula, geometría del círculo y mapeo de píxeles sin escalado en el dispositivo.

SVG: para varios tamaños y salida vectorial

SVG conserva las capas en un viewBox y escala sin pérdidas. Tras escalarlo, una línea de 1px puede remuestrearse y deja de ser una prueba estricta de píxeles.

Más información

Generar y usar la carta

Elige la resolución objetivo y combina cuadrícula, círculo, mira central, zona segura, barras de color y grises. Para una comprobación 1:1 descarga PNG y desactiva escalado, overscan y mejoras en el reproductor. Usa SVG para impresión o varios tamaños.

Generación y cálculo de dimensiones

La vista previa se dibuja ajustada al espacio disponible y la exportación crea las dimensiones objetivo. La zona segura usa el porcentaje elegido con márgenes iguales; el círculo toma el lado más corto para revelar deformaciones.

Rendimiento y alcance

No todos los navegadores crean el mismo tamaño de Canvas. Un PNG 8K puede requerir unos 126,6 MB de memoria RGBA sin contar cachés. Si falla, usa SVG, reduce el tamaño o quita capas.

¿Elijo PNG o SVG?

Usa PNG para mapeo de píxeles, recortes y líneas de un píxel. Usa SVG para escalar sin pérdidas, imprimir o reutilizar en distintos tamaños; al escalarlo ya no representa un píxel de origen.

¿Qué hago si falla una carta 4K u 8K?

Prueba SVG, elimina capas innecesarias, reduce la cuadrícula, cierra páginas pesadas o baja las dimensiones. Los límites del Canvas dependen del navegador y el dispositivo.

¿Por qué un círculo parece un óvalo en la TV?

La entrada, el reproductor o la TV probablemente aplican un escalado no uniforme. Iguala resolución y modo, y desactiva estiramiento, escalado y overscan.

¿Qué porcentaje de zona segura debería usar?

El 90% es una referencia visual general. Emisión, streaming, subtítulos y plataformas pueden usar márgenes distintos.

Privacidad, implementación y fuentes

La vista previa y la exportación se realizan en este navegador. No se suben ajustes ni archivos y no se llama a runtimes externos.

La herramienta usa HTML, CSS y JavaScript nativos, sin bibliotecas de ejecución de terceros.

Fuentes del método y de las API del navegador