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. 

  2. Ingrese el ancho o el alto.
    3. 

  3. Obtenga la dimensión faltante al instante con una vista previa en vivo.
    4. 

  4. Copie el código CSS aspect-ratio generado para su diseño.
    5. 



 
 
 
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
 
  
Generador de Lorem Ipsum (JSON/HTML) - Salida CJK y para Desarrolladores
 
Genere Lorem Ipsum como texto, HTML <p> o arrays JSON. Solo local, sin cargas. Incluye texto de marcador de posición chino y controles de longitud variable. Genere ahora.
  
Conversor de Color (HEX/RGB/CMYK) - Herramienta de Comprobación de Contraste WCAG
 
Convierta HEX, RGB, HSL y CMYK con un comprobador de contraste WCAG integrado. Privacidad solo local—sin cargas. Obtenga valores CMYK listos para impresión y copie resultados ahora.
  
Selector de Color de Imagen Gratis y Generador de Paletas
 
Seleccione una imagen, arrástrela y suéltela o péguela desde el portapapeles para elegir colores de píxeles localmente, copiar códigos HEX/RGB/HSL y generar una paleta de colores dominantes.
  
 
 
 
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.