Calculadora de relación de aspecto
Introduce un ancho y un alto para ver su relación de aspecto, como 16:9, y la proporción estándar más cercana. Luego escribe un nuevo ancho o alto y el otro lado se calcula solo, para que imágenes, vídeos y pantallas mantengan su forma. Elige un preset, lee el tamaño de una imagen o escoge una de las resoluciones comunes.
Gratis · Sin registro
Cómo usarla
- Introduce el ancho y el alto originales, elige un preset como 16:9 o lee el tamaño de una imagen.
- Mira la relación de aspecto, su valor decimal y la proporción estándar más cercana. La vista previa muestra la forma.
- Escribe un nuevo ancho o alto en Redimensionar. El otro lado se calcula para que la imagen no se deforme.
- Elige números pares para vídeo o toma uno de los tamaños comunes de la lista con Usar.
Por qué usar esta herramienta
Proporción de cualquier tamaño
Simplifica el ancho y el alto a los números enteros más pequeños, como 1920 × 1080 a 16:9, y muestra la proporción decimal.
Proporción estándar más cercana
Tamaños como 1366 × 768 no se simplifican bien. La calculadora te dice que están cerca de 16:9 y por cuánto.
Redimensiona sin estirar
Escribe un nuevo ancho o alto y obtén el otro lado al momento, redondeado a píxeles enteros, números pares para vídeo o decimales.
Presets y tamaños comunes
Un clic para 16:9, 4:3, 1:1, 9:16, 4:5, 21:9 y formatos de cine, más resoluciones conocidas como 1080p, 4K y tamaños de stories.
Lee el tamaño de una imagen
Elige una foto o una captura y su ancho y alto se rellenan solos. La imagen no sale de tu dispositivo.
Listo para CSS
Copia la regla aspect-ratio para tu hoja de estilos y mantén vídeos y tarjetas con su forma en cualquier pantalla.
¿Qué es la relación de aspecto?
La relación de aspecto es la proporción entre el ancho y el alto de una imagen, un vídeo o una pantalla. Se escribe con dos números separados por dos puntos, primero el ancho. 16:9 significa 16 unidades de ancho por cada 9 de alto, sea cual sea el tamaño real: 1280 × 720 y 3840 × 2160 son ambos 16:9.
Mantener la proporción al redimensionar evita que la imagen se estire o se aplaste. Si la proporción del nuevo tamaño es distinta, hay que recortar la imagen o añadir bandas a los lados.
Proporciones comunes y dónde se usan
| Proporción | Decimal | Uso |
|---|---|---|
| 16:9 | 1,78 | TV, YouTube, la mayoría de monitores y portátiles, presentaciones |
| 4:3 | 1,33 | TV y monitores antiguos, iPad, muchas cámaras compactas |
| 3:2 | 1,5 | Fotos de réflex y sin espejo, copias de 10 × 15 cm |
| 1:1 | 1 | Publicaciones cuadradas y fotos de perfil |
| 4:5 | 0,8 | Publicaciones verticales en redes sociales |
| 9:16 | 0,56 | Stories, Reels, TikTok y Shorts, pantallas de móvil en vertical |
| 16:10 | 1,6 | Muchos portátiles y monitores de oficina |
| 21:9 | 2,33 a 2,39 | Monitores ultrapanorámicos y películas en panorámico |
Cómo calcular la relación de aspecto a mano
- Halla el máximo común divisor del ancho y el alto. Para 1920 y 1080 es 120.
- Divide ambos números entre él: 1920 ÷ 120 = 16 y 1080 ÷ 120 = 9, así que la proporción es 16:9.
- Para redimensionar, divide el nuevo ancho entre el ancho de la proporción y multiplica por el alto: 1600 ÷ 16 × 9 = 900.
- Para la proporción decimal, divide el ancho entre el alto: 1920 ÷ 1080 = 1,78.
¿Por qué números pares para vídeo?
La mayoría de los códecs de vídeo, como H.264 y H.265, guardan el color a media resolución y necesitan que el ancho y el alto sean divisibles entre 2. Algunos codificadores prefieren incluso múltiplos de 8 o 16. Si una exportación falla o añade una línea negra fina, redondea el tamaño a números pares.
Preguntas frecuentes
¿Qué relación de aspecto tiene 1920 × 1080?
1920 × 1080 es 16:9, la proporción estándar del vídeo Full HD, la TV y la mayoría de monitores. La misma proporción tienen 1280 × 720, 2560 × 1440 y 3840 × 2160.
¿Cómo mantengo la proporción al redimensionar?
Introduce el tamaño original y escribe solo el nuevo ancho o el nuevo alto. El otro lado se calcula a partir de la proporción, así la imagen conserva su forma.
¿Qué relación de aspecto tiene la pantalla de un móvil?
Los móviles modernos son más alargados que 16:9, a menudo unos 19,5:9 o 20:9. Los vídeos para stories, Reels y TikTok usan 9:16, es decir, 1080 × 1920 píxeles.
¿16:10 es lo mismo que 8:5?
Sí. 16:10 se simplifica a 8:5, pero los fabricantes de pantallas suelen escribir 16:10 para compararlo fácilmente con 16:9.
¿Por qué 1366 × 768 no da exactamente 16:9?
1366 × 768 se simplifica a 683:384, que es un 0,05 % más ancho que 16:9. Los fabricantes redondearon el ancho a un número cómodo, así que se considera 16:9.
¿Se suben mis imágenes al leer su tamaño?
No. La imagen se abre en tu navegador solo para leer su ancho y alto. No se sube ni se guarda.
Relaciones de aspecto explicadas
Herramientas relacionadas
¿Necesitas crear algo?
Cuéntanos qué quieres construir.
Cuéntanos qué necesitas crear, desde una web sencilla hasta una app completa, una solución de IA, una automatización o un sistema a medida.