Una resolución describe una cuadrícula de píxeles mediante su ancho y su altura. La relación de aspecto no indica cuántos píxeles existen, sino la proporción entre las dos dimensiones.
1. Cómo calcular y simplificar la relación
La relación se forma como ancho:altura. Para simplificar 1920:1080, dividimos ambos números entre su máximo común divisor, 120:
1920 ÷ 120 : 1080 ÷ 120 = 16:9Resoluciones distintas pueden compartir proporción. 1280 × 720, 1920 × 1080 y 3840 × 2160 son todas 16:9.
| Relación | Resoluciones de ejemplo | Orientación |
|---|---|---|
| 1:1 | 1080 × 1080 | Cuadrada |
| 4:3 | 1600 × 1200 · 1024 × 768 | Horizontal |
| 3:2 | 1500 × 1000 · 6000 × 4000 | Horizontal |
| 16:9 | 1280 × 720 · 1920 × 1080 | Horizontal |
| 9:16 | 1080 × 1920 · 720 × 1280 | Vertical |
2. Calcular la dimensión que falta
Para conservar la proporción, el ancho y la altura deben cambiar mediante el mismo factor. Si conocemos el ancho nuevo:
altura nueva = ancho nuevo × altura original ÷ ancho originalUna imagen de 3000 × 2000 píxeles tiene relación 3:2. Al reducir el ancho a 1200 píxeles, la altura correcta es 1200 × 2000 ÷ 3000 = 800 píxeles.
El porcentaje de escala se obtiene dividiendo la medida nueva entre la correspondiente original. En el ejemplo, 1200 ÷ 3000 × 100 = 40 %.
Reducir los lados no reduce igual el área
Al dividir las dos dimensiones entre dos se conserva la forma. El número de píxeles, en cambio, se calcula multiplicando ancho por alto: recibe dos factores de un medio.
Comprueba la idea: ¿El segundo contiene la mitad de los píxeles?
Ver la explicación
No. Contiene una cuarta parte: 960 × 540 = 518.400 frente a 1920 × 1080 = 2.073.600. Reducir solo un lado a la mitad sí daría la mitad de píxeles, pero deformaría la proporción.
3. Píxeles enteros y megapíxeles
Algunas combinaciones producen una medida decimal, pero una cuadrícula digital necesita píxeles enteros. Redondear una dimensión al entero más cercano puede introducir una desviación diminuta respecto a la relación matemática exacta.
megapíxeles = ancho × altura ÷ 1.000.0001920 × 1080 contiene 2.073.600 píxeles, es decir aproximadamente 2,0736 MP. Los megapíxeles describen cantidad de píxeles, no garantizan por sí solos nitidez, detalle original o un tamaño de archivo concreto.
4. Ajustar, rellenar, recortar o estirar
Cuando la proporción de una imagen no coincide con la del espacio de destino existen varias decisiones posibles:
- Ajustar: muestra todo el contenido y puede dejar márgenes vacíos.
- Rellenar y recortar: ocupa todo el espacio, pero elimina parte de los bordes.
- Estirar: fuerza ancho y altura por separado y deforma las proporciones.
- Recomponer: modifica el encuadre o el diseño para adaptarlo conscientemente.
La calculadora aplica un escalado proporcional. No decide qué parte debería recortarse ni modifica el archivo.
Una imagen, tres decisiones
¿Qué cambia al encajar la imagen?
Este dibujo mide 1200 × 800 píxeles (3:2). Cambia el tamaño del destino y compara las tres soluciones. Observa el círculo central y las figuras de los cuatro bordes.
Un círculo, un punto a la izquierda, un rombo a la derecha, un triángulo arriba y un rectángulo abajo.
Ejemplo resuelto para un marco de 800 × 800 px: ajustar deja franjas arriba y abajo; recortar oculta 200 px de cada lateral del original; estirar deforma el círculo. Activa JavaScript para cambiar las medidas.
Destino: 800 × 800 px · relación 1:1
Ajustar
Todo dentro, sin deformar
- Imagen escalada antes de recortar
- 800 × 533,33 px
- Escala respecto al original
- Ancho: 66,67 % · altura: 66,67 %
Márgenes en el destino: 0 px a izquierda y derecha; 133,33 px arriba y abajo.
Rellenar y recortar
Prioriza llenar el marco
- Imagen escalada antes de recortar
- 1200 × 800 px
- Escala respecto al original
- Ancho: 100 % · altura: 100 %
Fuera del encuadre, medido en el original: 200 px por cada lateral; 0 px arriba y abajo.
Estirar
Escala cada eje por separado
- Imagen escalada antes de recortar
- 800 × 800 px
- Escala respecto al original
- Ancho: 66,67 % · altura: 100 %
Sin márgenes ni recorte. Las escalas horizontal y vertical son distintas.
La proporción de destino no coincide con 3:2: debes elegir entre márgenes, recorte o deformación.
El contorno oscuro delimita el destino; las franjas grises son espacio sin imagen. Las vistas se reducen para caber en tu pantalla: los píxeles indicados son medidas del ejemplo, no píxeles físicos de tu dispositivo. Cifras mostradas con hasta dos decimales; geometría sin redondeo previo.
¿Cómo se calculan las tres opciones?
Divide el ancho del destino entre 1200 y la altura entre 800. Para ajustar, usa el menor de esos factores en ambas dimensiones. Para rellenar, usa el mayor y oculta lo que sobre a cada lado del marco. Para estirar, aplica cada factor a su dimensión. Si los dos factores coinciden, las tres opciones dan el mismo encuadre.
El recorte se reparte por igual entre lados opuestos porque hemos elegido centrar la imagen. Mover el encuadre puede conservar otro detalle, pero no cambia la cantidad total de área visible en este modelo.
¿Recortar aquí borra parte de un archivo?
No. Esta demostración solo oculta el contenido que queda fuera del marco. No sube, guarda ni modifica imágenes. Tampoco simula compresión o nitidez: ampliar un dibujo en pantalla no demuestra que una fotografía gane detalle original.
Ilustración propia. Referencia de los métodos de encaje: W3C, ajuste de imágenes al contenedor.
Errores frecuentes
- Cambiar el ancho y conservar la altura anterior.
- Confundir resolución total con relación de aspecto.
- Suponer que todas las pantallas panorámicas comparten exactamente la misma proporción.
- Redondear demasiado pronto durante varios escalados consecutivos.
- Interpretar más megapíxeles como una mejora automática de calidad.
Ponlo en práctica