Calculadora de redimensionado de imagen

Escala ancho, alto o porcentaje de imagen bloqueando la relación de aspecto. Redimensiona 1920×1080 a 800 px de ancho para alto 450, y mira cuándo 801 px introduce desvío.

01 calculadora

Los resultados se actualizan al escribir. Ctrl/Cmd+Enter copia el resultado principal.

Resultado

    Mostrar el procedimiento

      La Calculadora de redimensionado de imagen escala dimensiones en píxeles por nuevo ancho, nuevo alto, porcentaje o un lado máximo, manteniendo la relación de aspecto salvo que el redondeo fuerce un compromiso de un píxel. Informa el factor de escala, la proporción resultante, el recuento de megapíxeles y una estimación aproximada de tamaño sin comprimir a 24 bits. Cuando el redondeo cambia la proporción reducida, aparece una advertencia de desvío con el alto fraccionario exacto antes del redondeo.

      Todo el cálculo se ejecuta en el navegador. Nada de lo que se introduce se envía a un servidor.

      Redimensionar una imagen a un nuevo ancho

      Concept diagram: Entradas leads to Redimensionar una imagen a un nuevo ancho leads to ResultadoEntradasRedimensionar unaimagen a un nuevo anchoResultado
      Redimensionar una imagen a un nuevo ancho.

      Introduce el ancho y el alto originales, luego un ancho objetivo en píxeles. El factor de escala es el nuevo ancho dividido entre el ancho original. El alto coincidente es el alto original por esa escala, redondeado a un píxel entero. El dimensionado impulsado por el ancho encaja en columnas web que fijan un ancho de contenido y dejan que el alto siga la proporción bloqueada.

      scale = new_width ÷ original_width
      new_height = round(original_height × scale)

      Elegir el ancho es el camino habitual para maquetas web que fijan el ancho de columna y dejan que el alto siga. La calculadora no remuestrea datos de imagen; solo calcula la caja de píxeles objetivo. El remuestreo real ocurre en un editor o pipeline de compilación que lee estos números.

      Redimensionar una imagen a un nuevo alto

      Concept diagram: Entradas leads to Redimensionar una imagen a un nuevo alto leads to ResultadoEntradasRedimensionar unaimagen a un nuevo altoResultado
      Redimensionar una imagen a un nuevo alto.

      El modo de alto objetivo refleja el modo de ancho para ranuras que restringen el lado vertical. La escala es el nuevo alto dividido entre el alto original, y el nuevo ancho es el ancho original por esa escala, luego redondeado. Úsalo para una franja hero con alto máximo, o cualquier marco bloqueado en el lado corto, impulsando solo una dimensión.

      scale = new_height ÷ original_height
      new_width = round(original_width × scale)

      Usa el modo de alto cuando una ranura vertical está fija, como una franja hero con alto máximo, o al emparejar un marco restringido en el lado corto. Mezclar un ancho forzado y un alto forzado que discrepan de la proporción original es cómo aparece la distorsión; esta herramienta lo evita aceptando un solo lado impulsor a la vez en los modos proporcionales.

      Escalar una imagen por un porcentaje

      Scale bar: 1 Unidad de entrada equals 2.05 Unidad de salida1 Unidad de entrada2.05 Unidad de salida
      Escalar una imagen por un porcentaje.

      El modo porcentaje multiplica ambos lados por el mismo factor derivado del por ciento elegido. El cincuenta por ciento reduce a la mitad cada dimensión; el doscientos por ciento las duplica. El área escala con el cuadrado de ese factor, así que una reducción al cincuenta por ciento deja unos un cuarto de los píxeles originales, lo que importa al estimar el peso del archivo tras exportar.

      PorcentajeSignificado
      25%Un cuarto del tamaño lineal
      50%Mitad del tamaño lineal
      100%Sin cambio
      150%1.5× el tamaño lineal
      200%Doble del tamaño lineal

      El área escala con el cuadrado del porcentaje. Una reducción del 50 por ciento deja unos 25 por ciento de los píxeles. Ampliar por encima del 100 por ciento no inventa detalle real; solo estira los píxeles existentes, por eso partir de un máster más grande suele verse mejor que ampliar una exportación pequeña.

      Ajustar una imagen dentro de una dimensión máxima

      Concept diagram: Entradas leads to Ajustar una imagen dentro de una dimensión… leads to ResultadoEntradasAjustar una imagendentro de unadimensión…Resultado
      Ajustar una imagen dentro de una dimensión máxima.

      El modo de dimensión máxima restringe el lado más largo a un límite de píxeles elegido y escala el lado más corto por el mismo factor. El modo de ajuste dentro de una caja toma un ancho máximo y un alto máximo y elige la escala que cabe dentro de ambos. Las miniaturas y los límites de subida de CMS suelen necesitar uno de esos comportamientos para que la imagen nunca exceda un rectángulo sin recortar.

      El letterbox en un reproductor es una elección de visualización posterior; la calculadora informa solo el tamaño de píxeles ajustado.

      Redimensionar 1920x1080 a 800 píxeles de ancho

      Concept diagram: Entradas leads to Redimensionar 1920x1080 a 800 píxeles de ancho leads to ResultadoEntradasRedimensionar 1920x1080a 800 píxeles de anchoResultado
      Redimensionar 1920x1080 a 800 píxeles de ancho.

      Full HD escalado a 800 píxeles de ancho es el fixture limpio donde el alto cae en un entero. El factor de escala es 800 ÷ 1920, unos 0.416667, y 1080 por esa escala iguala exactamente 450. El resultado 800×450 mantiene la proporción 16:9 sin advertencia de desvío, que es el camino feliz cuando un ancho web divide la fuente de forma limpia.

      1. Factor de escala. 800 ÷ 1920 = 0.4166… ≈ 0.416667

      2. Alto antes del redondeo. 1080 × (800 ÷ 1920) = 450 exactamente

      3. Resultado. 800×450

      La proporción reducida sigue siendo 16:9, coincidiendo con el original. Los megapíxeles bajan de unos 2.07 MP a 0.36 MP. Como 450 es un entero, no aparece advertencia de desvío. Este es el camino feliz que busca la Calculadora de redimensionado de imagen cuando los anchos web dividen la fuente de forma limpia.

      Evitar la distorsión por redondeo

      Number line from 0 to 100 with the value 49 marked025507510049
      Evitar la distorsión por redondeo.

      Las rejillas de píxeles son enteras. Cuando el alto original por la escala no es un entero, redondear al píxel más cercano desplaza la proporción efectiva respecto a la fuente. El motor señala ese desvío, muestra el alto fraccionario exacto y advierte cuando el par reducido w:h ya no coincide. El ancho 801 sobre una fuente 1920×1080 es el fixture que dispara la advertencia.

      Ejemplo: 1920×1080 a ancho 801.

      scale = 801 ÷ 1920 = 0.4161875
      exact height = 1080 × 801 ÷ 1920 = 450.5625
      rounded height = 451

      La caja de salida es 801×451. La proporción original 16:9 ya no coincide con la proporción reducida de 801×451, así que se eleva una advertencia. Un píxel suena diminuto; apilado en una galería de anchos mixtos produce temblor visible y complica el CSS que espera una proporción bloqueada.

      Las mitigaciones usadas en pipelines de producción incluyen elegir anchos que dividan de forma uniforme, letterbox a un lienzo de proporción bloqueada, o permitir un recorte de un píxel en un lado. La calculadora saca el problema a la superficie; elegir una política sigue siendo una decisión editorial.

      Elegir dimensiones para usos comunes

      Concept diagram: Entradas leads to dimensiones para usos comunes leads to ResultadoEntradasdimensiones para usoscomunesResultado
      Elegir dimensiones para usos comunes.

      Los tamaños objetivo varían por canal, y las reglas de plataforma cambian, así que trata las cifras de abajo como valores por defecto de planificación. Las imágenes de blog suelen situarse cerca de 800 a 1200 píxeles de ancho, los heroes necesitan más margen, las miniaturas caben con un tope de dimensión máxima, y la impresión a 300 DPI se convierte desde pulgadas físicas. Exporta una vez desde el máster limpio más grande y luego reduce.

      UsoAncho típicoNotas
      Imagen inline de blog800 a 1200 pxEquilibrar peso y nitidez
      Hero de sitio web1600 a 2400 pxA menudo recortado; aporta margen
      Miniatura150 a 400 pxEl modo de dimensión máxima encaja bien
      Publicación social apaisadaclase 1200 pxConfirmar la proporción actual de la plataforma
      Story / vertical socialclase 1080×1920Se prefiere fuente 9:16
      Cabecera de email600 a 800 pxImágenes pesadas perjudican a los clientes
      Impresión a 300 DPIpulgadas × 300Recuento de píxeles desde el tamaño físico

      Exporta desde el máster limpio más grande disponible y luego reduce. Los ciclos de guardado repetidos en formatos con pérdida acumulan artefactos; calcula la caja de píxeles final una vez y luego codifica.

      Preguntas frecuentes

      ¿Cómo se redimensiona por ancho sin estirar?

      Multiplica el alto original por la escala new_width ÷ original_width y luego redondea a un píxel entero. No fijes el alto de forma independiente a un valor que rompa la proporción. Para 1920×1080 a ancho 800, el alto pasa a 450.

      ¿Qué tamaño es 1920×1080 escalado a 800 px de ancho?

      800×450. La escala es 800 ÷ 1920, y 1080 × esa escala es exactamente 450, así que se conserva la proporción 16:9.

      ¿Por qué el ancho 801 advierte de desvío?

      1080 × 801 ÷ 1920 = 450.5625, que redondea a 451. La caja 801×451 ya no se reduce a 16:9, así que la calculadora advierte que el redondeo cambió la relación de aspecto.

      ¿Qué hace escalar al 50 por ciento?

      Tanto el ancho como el alto se multiplican por 0.5 y se redondean. Una imagen 1920×1080 pasa a 960×540. El área de píxeles cae a unos un cuarto del original.

      ¿Cómo funciona el dimensionado por dimensión máxima?

      El lado más largo se fija al máximo, y el lado más corto escala por el mismo factor. Una imagen 1920×1080 con máximo 800 pasa a 800×450, porque el ancho era el lado más largo.

      ¿Esta herramienta remuestrea el archivo de imagen?

      No. Calcula dimensiones objetivo y metadatos relacionados. Aplicar esas dimensiones a los datos de píxeles requiere un editor de imagen, un script o un CDN que realice el remuestreo.

      ¿Qué es el desvío por redondeo?

      El desvío por redondeo es el pequeño cambio de proporción introducido cuando una dimensión proporcional se redondea a un píxel entero. Un desplazamiento de un píxel puede cambiar el par reducido w:h y se señala de forma explícita cuando ocurre.

      ¿Cómo se calculan los megapíxeles?

      Los megapíxeles son width × height ÷ 1,000,000 para la caja de resultado. La estimación sin comprimir a 24 bits asume tres bytes por píxel sin compresión, lo que sobrestima los tamaños reales de archivo JPEG o PNG pero ayuda a comparar búferes en bruto.

      ¿Debe usarse la ampliación por encima del 100 por ciento?

      Solo cuando no existe una fuente más grande. Ampliar aumenta el recuento de píxeles sin añadir detalle real. Prefiere capturar o exportar un máster más grande y luego reducir al tamaño de visualización.

      ¿Se explica aquí la relación de aspecto en profundidad?

      Se afirma la conservación de la proporción y se diagnostica el desvío. La reducción por máximo común divisor y los estándares con nombre se documentan en la Calculadora de relación de aspecto para evitar enseñanza duplicada entre páginas.

      Resumen

      La Calculadora de redimensionado de imagen escala dimensiones por ancho, alto, porcentaje o lado máximo mientras rastrea el factor de escala y la proporción resultante. Redimensionar 1920×1080 a 800 px de ancho produce 450 px de alto con 16:9 intacto; el ancho 801 redondea el alto a 451 y dispara una advertencia de desvío porque 450.5625 no es un entero.

      La herramienta dimensiona solo la caja de píxeles; remuestrear la imagen real sigue siendo un paso aparte en un editor o pipeline.