Calculadora de proporción
Calcula proporciones de imagen y vídeo
Cómo usar Calculadora de proporción
Calcula y convierte proporciones de imagen y vídeo. Encuentra ancho o alto. Calculadora de proporción gratuita online.
¿Para qué se usa la proporción de aspecto?
La proporción de aspecto es la relación proporcional entre ancho y alto. Determina el aspecto de una imagen, vídeo o pantalla —demasiado ancho o demasiado alto y el contenido se recorta o aparece con barras negras. Obtenerla correctamente es esencial para el diseño, la producción de vídeo y el desarrollo web.
- Producción de vídeo: 16:9 es el estándar para YouTube, televisión y presentaciones. 9:16 es el formato vertical para Instagram Reels, TikTok y YouTube Shorts. 1:1 es cuadrado —usado para publicaciones de Instagram y fotos de perfil.
- Fotografía: Calcula dimensiones de recorte sin distorsionar la imagen. Si necesitas una imagen OG de 1200×630 a partir de una foto de 4000×3000, encuentra el recorte óptimo.
- Diseño web: Mantén proporciones consistentes en diseños responsivos. Calcula el truco del padding-top en CSS para vídeos incrustados responsivos:
padding-top: 56.25%para proporción 16:9. - Diseño de impresión: Escala material gráfico para adaptarlo a diferentes tamaños de impresión (A4, A3, Carta) preservando las proporciones originales.
- Comparación de pantallas: Compara monitores, teléfonos y tablets —un monitor 16:9 de 27" frente a un monitor 4:3 de 27" tiene un área de pantalla utilizable muy diferente.
Proporciones comunes: 16:9 (vídeo panorámico), 4:3 (TV/monitor clásico), 1:1 (cuadrado), 3:2 (foto 35mm), 2.39:1 (cine panorámico), 9:16 (móvil vertical).
Frequently Asked Questions
¿Cómo calculo la proporción de aspecto a partir de dimensiones en píxeles?
Divide el ancho entre el alto y simplifica la fracción usando el Máximo Común Divisor (MCD). Para 1920×1080: MCD(1920,1080)=120, por lo que 1920/120=16 y 1080/120=9 — dando 16:9. Para 2560×1440: MCD=80, así que 32:18, simplificado a 16:9.
¿Qué es el truco del padding-top de CSS para vídeos responsivos?
Establece el contenedor con position:relative y padding-top igual al porcentaje de la proporción de aspecto (alto/ancho × 100). Para 16:9: padding-top:56.25%. El vídeo interior es position:absolute llenando el contenedor. Esto mantiene la proporción a cualquier ancho sin JavaScript.
¿Qué resolución debo usar para un vídeo 16:9?
Estándar: 1280×720 (720p). Full HD: 1920×1080 (1080p). 4K: 3840×2160. Para miniaturas en redes sociales: mínimo 1280×720. Para YouTube: se recomienda 1920×1080. Sube siempre a la mayor calidad que permita tu flujo de trabajo.
¿Por qué las películas antiguas tienen barras negras en las pantallas modernas?
Las películas rodadas en 4:3 (1.33:1) o proporciones aún más antiguas no llenan las pantallas 16:9. Aparecen barras negras (pillarboxing) en los laterales. Por el contrario, el contenido de cine 21:9 tiene barras negras horizontales (letterboxing) en pantallas 16:9.
¿Qué proporción de aspecto debo usar para imágenes en redes sociales?
Feed de Facebook: 1.91:1 o 1:1. Feed de Instagram: 1:1 (cuadrado) o 4:5 (retrato). Stories/Reels de Instagram: 9:16. Twitter/X: 16:9. LinkedIn: 1.91:1. Pinterest: 2:3 (el retrato funciona mejor). Comprueba siempre las especificaciones actuales de cada plataforma, ya que se actualizan con frecuencia.
Calculadora de proporción de aspecto vs redimensionador de imágenes vs herramienta de recorte
Una calculadora de proporción de aspecto calcula dimensiones matemáticamente —te dice qué tamaño usar. Un redimensionador de imágenes cambia realmente las dimensiones en píxeles de un archivo de imagen. Una herramienta de recorte (Photoshop, GIMP, Canva) elimina partes de la imagen para lograr una proporción objetivo. Usa la calculadora primero para planificar tus dimensiones, luego aplícalas con una herramienta de edición de imágenes.