Redimensionar imagen por porcentaje

Usted proporciona el ancho y el alto originales junto con el porcentaje, y la herramienta devuelve las dimensiones resultantes redondeadas a píxeles enteros, además del recuento final de megapíxeles. Es aritmética pura: no se sube, procesa ni almacena ninguna imagen, por lo que funciona al instante en su navegador y de forma idéntica a través de la API cuando la necesita dentro de un script de compilación, una canalización de miniaturas o un cálculo de maquetación que debe conocer la caja exacta que ocupará una imagen antes de que exista.

Por qué redimensionar por porcentaje es engañosamente simple

Escalar una imagen a un porcentaje parece una sola multiplicación, pero los detalles deciden si su maquetación se rompe. Cada lado debe escalarse de forma independiente y redondearse a un píxel entero, porque no existe algo como 640,5 píxeles. Redondee 1920 al 33 por ciento de manera ingenua y obtendrá 633,6, algo que ningún renderizador acepta; esta calculadora devuelve 634. La regla de redondeo importa sobre todo en imágenes pequeñas: reducir un icono de 11 píxeles al 15 por ciento da 1,65 píxeles, y la respuesta honesta es 2, no un 1 truncado que distorsiona silenciosamente la proporción. Obtener estos números antes de tocar la imagen le permite reservar el tamaño de lienzo correcto en un trabajo de miniaturas, escribir los atributos width y height adecuados en su HTML para que la página no se reajuste al cargar la imagen, y verificar que un redimensionador por lotes produjo lo que usted pidió. La herramienta redimensionar imagen por porcentaje hace exactamente este cálculo, de forma determinista, de modo que la respuesta que ve en el navegador es byte a byte la misma que la API devuelve a su código.

Cómo funciona el cálculo

La fórmula es una línea por dimensión: el lado nuevo es igual al lado original multiplicado por el porcentaje y dividido entre cien, redondeado al píxel entero más cercano. Un porcentaje de 50 reduce la imagen a la mitad, 100 la deja sin cambios y 250 la amplía dos veces y media. Tanto el ancho como el alto usan el mismo factor, que es lo que conserva la proporción, salvo por el error de redondeo de subpíxel inevitable cuando los píxeles enteros no pueden expresar la proporción exacta. El resultado también incluye el recuento de megapíxeles de la salida, que es la cifra que realmente predice el tamaño del archivo y el costo de memoria: escalar al 50 por ciento no reduce los píxeles a la mitad, los reduce a la cuarta parte, porque el área crece con el cuadrado de los lados. El porcentaje debe ser positivo; cero o un valor negativo se rechaza como entrada inválida en lugar de producir silenciosamente una imagen de dimensión cero, y un lado calculado nunca puede ser inferior a un píxel. Todos los ejemplos de esta página se generaron ejecutando el manejador real, así que lo que lee es lo que obtiene.

Dónde encaja en un flujo de trabajo real

Los desarrolladores front-end lo usan para calcular las entradas de un srcset responsivo: a partir de un original de 2400 píxeles, las variantes al 25, 50 y 75 por ciento salen a 600, 1200 y 1800 píxeles, y esos números pasan directamente al marcado. Los diseñadores lo usan cuando un cliente pide una foto al 30 por ciento para un boletín y alguien tiene que confirmar que el resultado sigue cumpliendo el ancho mínimo de la plantilla de correo. Los ingenieros de backend llaman a la API dentro de las comprobaciones de la canalización, comparando las dimensiones que produjo un redimensionador con las que debería haber producido, y fallando el trabajo cuando no coinciden. Como la capacidad es matemática pura sin manejo de archivos, no cuesta nada ejecutarla muchas veces: la versión del navegador en esta página es gratuita e ilimitada, y la API cobra solo $0.002 por llamada cuando usted la automatiza. Si necesita transformar los píxeles mismos en lugar de calcular las dimensiones, esa es una capacidad distinta; esta existe para que el paso de planificación sea exacto, rápido y lo bastante barato como para ejecutarlo en cada imagen del lote.