Calculadora de Relación de Aspecto
Calcula relaciones de aspecto, redimensiona proporcionalmente y obtén valores CSS aspect-ratio
16:9
1.7778
Relaciones Comunes
Redimensión Proporcional
aspect-ratio: 16 / 9;Calculadora de Relación de Aspecto
Calcula relaciones de aspecto, redimensiona proporcionalmente y obtén valores CSS aspect-ratio
Características
- Calcula la relación de aspecto a partir de cualquier ancho y alto
- Redimensión proporcional: introduce un nuevo ancho o alto para calcular automáticamente el otro
- Preajustes de relaciones comunes (16:9, 4:3, 1:1, 21:9, etc.)
- Vista previa visual de la relación de aspecto
- Salida de la propiedad CSS aspect-ratio
- Intercambia dimensiones con un solo clic
- Procesamiento 100 % en el cliente
Cómo usar
- Introduce el ancho y el alto para calcular la relación de aspecto.
- O haz clic en un botón de relación predefinida.
- Usa la sección de Redimensión Proporcional para encontrar nuevas dimensiones.
- Copia el valor CSS aspect-ratio para tus hojas de estilo.
Consejos y buenas prácticas
- Usa 16:9 para vídeo y presentaciones estándar.
- Usa 1:1 para fotos de perfil de redes sociales y publicaciones de Instagram.
- La propiedad CSS aspect-ratio es compatible con todos los navegadores modernos.
Preguntas frecuentes
¿Qué es una relación de aspecto?
Una relación de aspecto es la relación proporcional entre el ancho y el alto. Por ejemplo, 16:9 significa que por cada 16 unidades de ancho hay 9 unidades de alto.
¿Qué relación de aspecto es mejor para vídeo?
16:9 es el estándar para vídeo HD y la mayoría de pantallas. 21:9 se usa para contenido ultrapanorámico/cinematográfico. 9:16 es el estándar para vídeo vertical/móvil.
¿Cómo funciona la redimensión proporcional?
Introduce un nuevo ancho o un nuevo alto y la calculadora computará la otra dimensión para mantener la misma relación de aspecto, sin estirar ni distorsionar.