Calculadora de relación de aspecto
Simplifica un ancho y un alto, o halla un lado que falta
aspect-ratio: 16 / 9;
Acerca de Calculadora de relación de aspecto
La Calculadora de relación de aspecto reduce un ancho y un alto a la relación de números enteros más pequeña y da el valor decimal (ancho dividido entre alto, hasta cuatro decimales). Se aceptan decimales, que se escalan primero, así que 2,39 y 1 dan 239:100. Dos campos más responden a la pregunta habitual al redimensionar: escribe un nuevo ancho para obtener el alto correspondiente, o un nuevo alto para obtener el ancho; cuando la respuesta no es un número entero de píxeles, el valor exacto se muestra junto al redondeado, y el redondeo puede ser a un número par o a un múltiplo de 4, 8 o 16 para video. Doce preajustes y un menú de tamaños comunes (video, pantallas, redes sociales, fotos y papel) cargan un tamaño, y «Abrir una imagen o un video» lee el tamaño de un archivo de tu dispositivo. La página también da la orientación, el número de píxeles, la relación común más cercana (1366 × 768 está cerca de 16:9, pero no es igual), el valor CSS aspect-ratio, una vista previa del marco y la relación de aspecto de visualización de los píxeles no cuadrados (DV, HDV, anamórfico). Los valores deben ser números positivos; con cualquier otro valor se muestra un guion en lugar de la relación.
Ejemplo
Un tamaño de pantalla de portátil redimensionado a un ancho de 1280, calculado con el propio código de la página.
Escrito en los campos
Ancho: 1366 Alto: 768 Nuevo ancho → alto: 1280
Mostrado por la calculadora
683:384 Valor decimal: 1,7786 Relación común más cercana: 16:9 (0,05 % más ancho) Alto: 720 (≈ 719,648609, redondeado)
Cómo calcular una relación de aspecto y un lado que falta
- 1Escribe el tamaño original en «Ancho» y «Alto», elige uno de los «Preajustes comunes», como 16:9 (1920×1080), o un tamaño en «Tamaños comunes», o usa «Abrir una imagen o un video» para leer el tamaño de un archivo.
- 2Lee la relación simplificada y el «Valor decimal»; ambos cambian mientras escribes.
- 3Para redimensionar, escribe el nuevo ancho en «Nuevo ancho → alto», o el nuevo alto en «Nuevo alto → ancho».
- 4Lee el resultado debajo de ese campo: el valor redondeado a un píxel entero, seguido del valor exacto cuando no es entero.
- 5Para un video, elige «Un número par» (o un múltiplo de 16) en «Redondear el lado que falta a»: la mayoría de los codificadores de video necesitan tamaños pares.
Formatos y límites
- Valores aceptados
- Números positivos, decimales incluidos (2,35) y notación exponencial (1e3); un valor cero, negativo o vacío no da ninguna relación
- Resultados
- Relación simplificada, valor decimal con cuatro decimales, orientación, número de píxeles, relación común más cercana, CSS aspect-ratio, vista previa del marco y lado que falta redondeado a un píxel entero, a un número par o a un múltiplo de 4, 8 o 16
- Preajustes
- 16:9 (1920×1080), 4:3 (1024×768), 1:1 (1080×1080), 21:9 (2560×1080), 9:16 (1080×1920), 3:2, 4:5, 16:10, 5:4, 2:3, 3:4, 32:9, y 28 tamaños comunes de 720p a 8K, DCI 4K, redes sociales, fotos, A4 y US Letter
- Archivos leídos
- Imágenes: JPEG, PNG, WebP, AVIF, HEIC, GIF, BMP, TIFF, SVG; videos: MP4, MOV, M4V, 3GP, WebM, MKV, AVI. El tamaño se lee de la cabecera del archivo, tal como se muestra: una foto o un video de teléfono guardado girado se da derecho
Dónde se procesan tus números
La relación y el lado que falta los calcula la propia página cada vez que escribes una cifra. Tus números no se envían a nuestros servidores ni a nadie, y no se guarda nada: al recargar, los campos vuelven a 1920 y 1080 y los campos de redimensionado quedan vacíos. Una imagen o un video que abres lo lee solo tu navegador, para hallar su ancho y su alto; no se sube.
Preguntas frecuentes
¿Puede mantener la relación de aspecto cuando redimensiono una imagen?
Sí. Escribe el ancho y el alto originales y, luego, el nuevo ancho en «Nuevo ancho → alto»: el alto que se muestra mantiene las mismas proporciones. Por ejemplo, 1366 por 768 redimensionado a un ancho de 1280 necesita un alto de 720, redondeado desde unos 719,65 (la página muestra ≈ 719,648609).
¿1366 por 768 es exactamente 16:9?
No. 1366 dividido entre 768 da 1,7786, mientras que 16:9 da 1,7778, así que la calculadora muestra 683:384. Reduce los números exactos que escribes y nunca los redondea a la relación común más cercana; la línea «Relación común más cercana» indica que 16:9 es un 0,05 % más estrecho.
¿Puedo escribir valores decimales como 2,39 y 1?
Sí. Ambos valores se escalan a números enteros antes de reducirse, así que 2,39 y 1 dan 239:100, con un valor decimal de 2,39. También se lee la notación exponencial, como 1e3; un valor cero, negativo o vacío muestra un guion.
¿Puedo usar el valor decimal en CSS?
Sí. Es el ancho dividido entre el alto, redondeado a cuatro decimales, y la propiedad CSS aspect-ratio acepta un solo número, por ejemplo aspect-ratio: 1.7778. CSS también acepta la propia relación escrita como 16 / 9, que la página da con un botón «Copiar».
¿Puede hallar la relación de aspecto de una foto o un video?
Sí. Haz clic en «Abrir una imagen o un video» y elige el archivo: la página lee su ancho y su alto en el propio archivo y los pone en «Ancho» y «Alto». Una foto o un video de teléfono tomado en vertical suele guardarse girado, con una nota que indica cómo mostrarlo; la página da el tamaño tal como se muestra, por ejemplo 3024 × 4032 para una foto vertical. El archivo se queda en tu dispositivo.
¿Para qué sirve la relación de aspecto de píxel?
Algunos formatos de video guardan píxeles que no son cuadrados: un video DV de 720 × 480 se muestra más ancho o más estrecho de lo que indica su número de píxeles. Elige el formato en «Relación de aspecto de píxel» para obtener su «Relación de aspecto de visualización»; por ejemplo, 704 × 480 con píxeles NTSC DV 4:3 se muestra en 4:3. Los campos de redimensionado siguen usando los tamaños en píxeles.
Consejos y trucos
- ✓Elegir un preajuste sustituye «Ancho» y «Alto», así que vuelve a escribir tu propio tamaño antes de redimensionar.
- ✓Cuando conozcas el tamaño de destino, Redimensionar imagen o Recortar imagen pueden producir la propia imagen.