📐 Un conjunto de herramientas,
cada tarea de diseño

Calculadora de Relación de Aspecto

Calcula y escala cualquier relación de aspecto — 16:9, 4:3, 1:1, 9:16 y personalizada. Redimensiona dimensiones conservando las proporciones, con ajustes preestablecidos de resoluciones comunes.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

📐 Calculadora de Relación de Aspecto

Guía de relación de aspecto

Una relación de aspecto describe la relación proporcional entre el ancho y el alto. Está escrito como dos números separados por dos puntos: 16:9 significa que el ancho es 16 unidades por cada 9 unidades de alto. Obtener la proporción correcta evita imágenes estiradas y diseños rotos.

Ingrese su ancho y alto, o elija un ajuste preestablecido. Con el bloqueo de proporción habilitado, al cambiar una dimensión se escala automáticamente la otra para preservar las proporciones. La vista previa dibuja su proporción a escala y las resoluciones comunes le brindan puntos de partida instantáneos para video, web e impresión.

Pro Tips

Frequently Asked Questions

Q: ¿Cuáles son las relaciones de aspecto más comunes?
¿Cuáles son las relaciones de aspecto más comunes? 16:9 para video y pantallas, 4:3 para presentaciones y televisores antiguos, 1:1 para publicaciones en redes sociales, 9:16 para video vertical y 3:2 para fotografía.
Q: ¿Cómo calculo una relación de aspecto a partir de las dimensiones?
¿Cómo calculo una relación de aspecto a partir de las dimensiones? Divide ambos números por su máximo común divisor. Para 1920x1080, ambos se dividen por 120, lo que da 16:9.
Q: ¿Qué relación de aspecto debo usar para YouTube?
¿Qué relación de aspecto debo usar para YouTube? 16:9 es el estándar. Para videos verticales estilo Shorts y TikTok, use 9:16.
Q: ¿Puedo usar la relación de aspecto en CSS?
¿Puedo usar la relación de aspecto en CSS? Sí, la propiedad de relación de aspecto es compatible con todos los navegadores modernos desde 2021. Reemplaza el antiguo truco padding-top.
Q: ¿Por qué mis imágenes se ven estiradas?
¿Por qué mis imágenes se ven estiradas? El tamaño del contenedor no coincide con la proporción de la imagen. Recorte la imagen según la proporción del contenedor o utilice ajuste de objeto: cubrir para rellenar sin distorsión.

Colores del Mundo Hispano

Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.

Rosa Mexicano #E4007C

Color icónico del diseño mexicano, creado por Ramón Valdiosera

Azul Añil #4B0082

Tinte tradicional de los textiles mayas de Guatemala

Rojo Bermellón #E34234

El rojo intenso de los toros y la cerámica española

Amarillo Maíz #F4B41A

El oro del maíz, base de la alimentación mesoamericana

Verde Jade #00A86B

La piedra sagrada de mayas y aztecas

Azul Celeste #A5C8E1

El azul de la bandera argentina y el cielo porteño

Terracota #E2725B

Arcilla cocida — el color de los tejados coloniales

Vino Tinto #722F37

El burdeos de las bodegas de La Rioja

Oro Colonial #D4AF37

El dorado de los retablos barrocos americanos

Turquesa Caribe #40E0D0

El color de las playas del Caribe

Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.