Calculadora de Relación de Aspecto y Generador de CSS - TikTok/Reels 9:16

Calcule relaciones de aspecto y dimensiones faltantes rápidamente. Se ejecuta localmente—sin cargas. Incluye ajustes preestablecidos de TikTok/Reels 9:16 y fragmentos de CSS aspect-ratio. Calcule ahora.

:
16:9
1920px
1080px

Cómo usar

  1. Elija un ajuste preestablecido (9:16, 16:9, 4:5) o introduzca una relación personalizada.
  2. Ingrese el ancho o el alto.
  3. Obtenga la dimensión faltante al instante con una vista previa en vivo.
  4. Copie el código CSS aspect-ratio generado para su diseño.

Características principales

  • TikTok/Reels (9:16): Use ajustes preestablecidos verticales para validar rápidamente las dimensiones de videos de redes sociales.
  • Generar CSS aspect-ratio: Genere fragmentos modernos de CSS aspect-ratio al instante.
  • Calcular Dimensión Faltante: Calcule el ancho o el alto automáticamente mientras mantiene la relación de aspecto.
  • Vista Previa Visual: Previsualice la relación en un rectángulo responsivo en tiempo real.
  • Mantenga los datos privados: Todo se ejecuta localmente en su navegador.

Herramientas relacionadas

Calculadora FIRE 2026 (Ajustada por Inflación) | Simulador de Brecha de Retiro

La calculadora FIRE 2026 definitiva con ajuste por inflación. Evita números ilusorios simulando el crecimiento del interés compuesto con poder adquisitivo real. Analiza las brechas de ahorro y exporta a CSV para tus paneles en Excel o Notion. 100% privada con cálculos locales.

Calculadora de Tamaño de Posición - Gestión de Riesgo en Trading

Calcula el tamaño de tu posición de trading a partir del capital de la cuenta, el riesgo %, el precio de entrada y el stop-loss. Funciona localmente en tu navegador para comparar escenarios de riesgo antes de operar.

Calculadora de Interés Compuesto | Gráfico de Inversión y Rendimiento

Calcula el interés compuesto a partir del capital inicial, las aportaciones periódicas, el rendimiento anual y los años de inversión. Visualiza el capital, el interés generado y el saldo final con un gráfico interactivo local.

Calculadora de Préstamos e Hipotecas Online - Tabla de Amortización Instantánea

Usa la calculadora de préstamos e hipotecas para calcular el pago mensual, el total de intereses y la tabla de amortización localmente. Introduce el importe, la tasa y el plazo para calcular ahora con gráficos interactivos.

Calculadora de Inversión y ROI Online - Visualizador de Interés Compuesto

Usa la calculadora de inversión y ROI para estimar el capital inicial, aportaciones periódicas, rendimiento anual y resultados ajustados por inflación localmente. Visualiza tus rendimientos futuros con un gráfico interactivo, ROI y un plan anual detallado.

Calculadora de APR a APY - Conversión de Tasa Nominal y Efectiva

Usa la calculadora de APR a APY para realizar conversiones bidireccionales de APR y APY de forma local en tu navegador. Introduce una tasa, elige la frecuencia de capitalización y obtén la tasa de interés efectiva, la diferencia y una tabla comparativa de frecuencias al instante.

Calculadora de Margen de Beneficio - Conversión de Margen frente a Markup

Usa la calculadora de margen de beneficio para calcular el beneficio bruto, Markup, Margen y precio de venta de forma local en tu navegador. Introduce el coste y el precio, o el coste y el margen objetivo para calcular al instante.

Calculadora de CPM y CPC - Estimación de Gasto y CTR Online

Calcula el gasto publicitario, impresiones, clics, CPM, CPC y CTR localmente en tu navegador. Introduce el presupuesto y los costes objetivo para planificar escenarios de campañas al instante.

Lógica de cálculo

  • Fórmula: [ H = W \times \frac{r_H}{r_W} ] o [ W = H \times \frac{r_W}{r_H} ]
  • Ejemplo de CSS: [ \text{aspect-ratio}: \frac{16}{9} ]

Preguntas frecuentes

¿Cuál es la relación de aspecto óptima para TikTok y Reels?

El estándar es 9:16 (vertical). Una resolución común es 1080×1920. Use el ajuste preestablecido 9:16 para verificar sus dimensiones.

¿Cómo utilizo aspect-ratio en CSS?

Use aspect-ratio: 16/9;. Generamos el fragmento y fallbacks útiles para su diseño.

¿Están seguros mis datos (local/privacidad)?

Sí. Las cálculos se realizan localmente sin cargas ni almacenamiento en el servidor.

¿Es gratis? ¿Puedo usarlo para el trabajo?

Es gratis y funciona bien para creadores y equipos que coordinan dimensiones de video e interfaz de usuario.

¿Por qué veo diferencias de 1 a 2 píxeles?

Algunas dimensiones requieren redondeo a píxeles enteros. Redondeamos al entero más cercano mientras preservamos la relación lo más fielmente posible.