Redimensionar una Imagen PNG

Redimensionar un PNG aquí es un viaje de ida y vuelta sin pérdida: los píxeles se re-muestrean a tus dimensiones y se escriben directamente con la compresión sin pérdida de PNG, incluido el canal alfa. No hay decisión de calidad que tomar — el control deslizante en el panel de configuración solo se aplica a formatos con pérdida y se ignora cuando la salida es PNG. Lo que merece tu atención en su lugar es cómo se comportan los tamaños de archivo PNG después de una redimensión, y qué hace el re-muestreo suave a las imágenes de bordes duros. Ambos tienen sorpresas.

Cargando redimensionador...

Por qué no hay elección de calidad para PNG

PNG tiene un solo esquema de compresión y es sin pérdida, así que el codificador no tiene ningún dial de calidad que exponer: los píxeles que salen del re-muestreo se almacenan exactamente, cada vez. Esa es la razón por la que la herramienta ignora el control deslizante para este formato — el motor nunca pasa un valor de calidad a una codificación PNG.

La única información que pierdes es lo que el re-muestreo mismo elimina. Pasar de 2000 píxeles de ancho a 1000 descarta tres cuartas partes de las muestras, y no se involucró ninguna elección de codificación en eso. También significa que las redimensiones repetidas no acumulan daño de la manera en que los formatos con pérdida lo hacen: diez guardados cuestan lo mismo que uno, siempre que las dimensiones dejen de cambiar. Si necesitas un archivo más pequeño con las mismas dimensiones, eso es un problema de compresión en lugar de uno de redimensión.

La salida siempre es completa de 32 bits — los archivos de paleta crecen

Muchos PNG en la web son archivos de paleta: en lugar de almacenar un color por píxel, almacenan un índice en una tabla de como máximo 256 colores, lo que hace que los íconos y gráficos simples sean diminutos. El navegador decodifica cualquier archivo así a RGBA completo, y esta herramienta escribe el resultado de nuevo como una imagen completa de 32 bits, porque el lienzo en el que dibuja no tiene noción de una paleta.

La consecuencia es contraintuitiva: un ícono de paleta cuidadosamente optimizado de 30 KB puede volver más grande después de ser reducido, ya que el truco de la paleta se ha ido de la salida. Ampliar lo complica — la compresión sin pérdida tiene que tener en cuenta cada nuevo píxel, así que duplicar las dimensiones de un PNG aproximadamente cuadruplica los datos en bruto que debe almacenar. Cuando un archivo optimizado importa, guarda el original y trata la copia redimensionada como salida derivada.

Bordes duros, arte en píxeles e interpolación suave

El re-muestreador es el filtro de suavizado de alta calidad del navegador, y deliberadamente no hay opción de vecino más cercano. Para fotografías, ese es el filtro correcto. Para arte en píxeles, líneas de cuadrícula de un píxel y texto pequeño de UI, es el incorrecto: el suavizado divide bordes nítidos de un solo píxel a través de píxeles vecinos, y salen grises y suaves. Las fotografías, en contraste, no tienen bordes duros que proteger y pueden escalarse libremente.

Tres formas de limitar el daño. Escala por factores enteros limpios — el 50% convierte dos píxeles en uno en lugar de uno y medio. Recorta lo que no necesitas en lugar de reducir todo, lo que mantiene los píxeles sobrevivientes intactos. Y nunca amplíes arte en píxeles aquí; la interpolación es exactamente lo que su estilo prohíbe, y un editor dedicado con escalado de vecino más cercano es el instrumento adecuado para ello.

Preguntas Frecuentes

¿Se mantiene el fondo transparente?

Sí, en su totalidad. El canal alfa se re-muestrea junto con los canales de color, así que la transparencia parcial — sombras suaves, bordes antialias — sobrevive al nuevo tamaño. Solo desaparece si luego conviertes el archivo a un formato que no tiene alfa.

Reduje mi PNG y el archivo se volvió más grande. ¿Cómo?

Tu original era casi seguramente un archivo de paleta. La salida se escribe como RGBA completo de 32 bits, así que el espacio ahorrado por menos píxeles puede ser superado por la pérdida de la codificación de la paleta. Guarda el original cuando fue optimizado a mano.

¿Puede esto redimensionar un PNG animado?

Solo su primer fotograma — un APNG sale como una imagen inmóvil, y no aparece ninguna advertencia para este formato. Verifica el resultado antes de reemplazar cualquier cosa que te importe.

Mi PNG es en realidad una fotografía. ¿Debería quedarse como PNG?

Probablemente no. La compresión sin pérdida almacena detalles de tono continuo de manera costosa, así que un PNG fotográfico permanece pesado a cualquier dimensión. Redimensiónalo aquí, luego deja que el convertidor de imágenes lo transforme en WebP o JPEG; la reducción en el tamaño del archivo suele ser dramática.

¿Qué pasa si la forma de mi imagen no coincide con el ancho y la altura que escribí?

Elige un modo de ajuste. Llenar y Recortar recorta la imagen para llenar tu caja exacta; Estirar la distorsiona para que se ajuste; Ajustar Dentro mantiene todo, pero la salida se reduce al tamaño ajustado de la imagen — más pequeño que la caja que escribiste, nunca acolchado a ella.

¿Se preserva el perfil de color incrustado?

No. La imagen se reconstruye en el espacio estándar sRGB del navegador y cualquier perfil incrustado se deja atrás. Irrelevante para capturas de pantalla y gráficos web; para trabajos de impresión gestionados por color, redimensiona en una aplicación que mantenga perfiles.

Otras guías de redimensión

Redimensionar Imágenes en Línea — Redimensionador de Imágenes Gratis