Calculadora de relación de aspecto
Mantén proporciones de imágenes y vídeos con presets, formatos propios y medidas sociales.
Dimensiones sociales
- YouTube: 1920 × 1080
- Instagram: 1080 × 1080
- Stories: 1080 × 1920
- X / Twitter: 1200 × 675
- Facebook: 1200 × 630
Cómo usarlo
- Elige un preset o escribe una relación personalizada.
- Edita ancho o alto con el bloqueo activado.
- Usa las dimensiones calculadas en tu diseño.
Acerca de esta herramienta
La relación de aspecto expresa el vínculo entre el ancho y el alto de una imagen, vídeo, lienzo o contenedor adaptable. Se escribe con dos números separados por dos puntos, como 16:9, y no depende del tamaño absoluto en píxeles. Esta calculadora mantiene esa relación al cambiar cualquiera de las dimensiones. Elige un preset habitual para vídeo panorámico, pantallas clásicas, gráficos cuadrados, stories verticales, banners cinematográficos o composiciones fotográficas. También puedes escribir una proporción personalizada para una identidad visual o un requisito de producto. Con el bloqueo activado, al modificar el ancho se calcula el alto correspondiente y viceversa. El resultado se redondea a píxeles enteros, una salida práctica para exportar imágenes. Las sugerencias sociales son dimensiones iniciales para plataformas frecuentes, pero sus especificaciones cambian; confirma las medidas actuales antes de publicar. Una proporción correcta evita deformaciones y recortes imprevistos, mientras que el tamaño en píxeles determina por separado la nitidez y el peso del archivo. En la web, CSS aspect-ratio conserva la forma y el ancho del contenedor decide la altura renderizada. Para impresión hay que considerar además el tamaño final y el sangrado. Todas las operaciones se realizan localmente. Es una ayuda útil para miniaturas, páginas de aterrizaje, anuncios, gráficos de perfil y guiones visuales de vídeo.
Preguntas frecuentes
Herramientas relacionadas
Previsualizador Open Graph
Previsualiza tarjetas de Twitter, Discord, Telegram y LinkedIn y genera etiquetas Open Graph.
Generador de placeholders
Crea placeholders SVG y URI de datos con dimensiones, colores, etiquetas y fuente personalizadas.
Generador de glassmorphism
Ajusta desenfoque, transparencia, saturación, radio, borde y sombra para crear glassmorphism.