En este tutorial explicamos cómo Reducir peso de una imagen PNG, es decir, optimizar imágenes y fotos. Según la necesidad, la mayoría de fotos tienen calidad de más y es necesario optimizarlas para que carguen más rápido.
Hay varias formas de lograrlo. Que la imagen sigua viéndose bien, que pese menos y cargue más rápido. Seria bajar la calidad de la foto pero sigue viéndose bien.
Para esto podemos cambiar el tamaño, también cambiar de formato la imagen (eliminar transparencias), recortarla, entra otras opciones.
Resumen para reducir peso de imagen.
En este resumen resumimos las formas para bajar el peso de una imagen. Más adelante haremos un ejemplo empleando las técnicas aquí descritas.
En el ejemplo de más Adelante optimizamos una Imagen paso a paso, de 5.94 MB a 148 KB.
Optimizar imagen cambiando el formato.
Hay formatos de imágenes más pesados que otros, debido a que tienen más información de la imagen, información que en la mayoría de casos no es necesaria. Como pixeles de sobra y transparencias.
El formato PNG es bastante más pesado que el JPG o JPGE. Debido a que el JPG no acepta transparencias, y tiene menos información sobre la imagen, JPG es un formato creado para optimizar imágenes.
Si tu imagen no necesita transparencias, solo quieres que se vea bien y no pese demasiado. Entonces el formato JGP es el adecuado, es de los más usados en Páginas Web, aplicaciones móviles y plataformas donde se requiera rapidez en la carga.
Puedes convertir a otros formatos usando algunos programas de edición de fotos como:
- GIMP, es gratuito y muy potente. Permite guardar imágenes en varios formatos en los que se encuentra JGP y PNG.
- Paint, es otra opción tiene pocos formatos, pero entre esos esta PNG y JPG.
En el ejemplo de más adelante usamos Paint para cambiar de formato.
Y en el siguiente enlace te decimos como cambiar el formato de la imagen usando GIMP y Paint con más detalles.
Reducir el tamaño de la imagen.
Una de las mejores maneras de Optimizar tus imágenes es reducir el tamaño. Depende el uso que le vayas a dar puedes necesitar más o menos resolución.
La mayoría de las veces la imagen tiene demasiada resolución para el uso que se le dará (es decir tenemos Píxeles de sobre). Tal vez solo necesitas 1,024 pixeles de largo en tu imagen, pero tu imagen tiene 3,000 pixeles de lago. Por lo tanto, pesará mucho más de lo necesario.
Claro que al optimizar la imagen, se bajara la calidad de la misma, por lo que es importante que asegures que la calidad es suficiente para la necesidad de tu proyecto.
El número de pixeles lo puedes modificar en varios editores de Imágenes:
- Puedes usar GIMP que es de los más recomendables, por ser gratuito.
- También puedes usar Inkscape, que es más para dibujar pero tiene la opción de exportar imágenes PNG de cualquier tamaño.
- Incluso en Paint puedes lograr esta tarea.
En el ejemplo de más adelante lo hacemos con Paint.
En el siguiente enlace te explicamos cómo hacerlo con diversos softwares:
Recortar la imagen (Optimizar imagen)
Una de las maneras más simples de reducir el peso de una imagen es recortándola.
Si no necesitamos toda la imagen, podemos recortar solo la zona de nuestro interés. Esto hará que se reduzca el número de pixeles en la imagen.
El recorte lo podemos hacer con varios softwares, pero podemos usar los que te hemos mencionado antes:
- GIMP, tiene opciones para recortar imágenes es muy buena opción pero si es un poco más complicado de usar, no es tan intuitivo como Paint.
- Paint, la ventaja es que es muy intuitivo. Por lo que será muy fácil recortar cualquier imagen sin ver un tutorial.
En el siguiente ejemplo explicamos cómo recortar imágenes.
Ejemplo Optimizar imágenes, reducir peso.
Tenemos una imagen tomada por un celular. Y la queremos optimizar para una página web.
Esta imagen tiene las siguientes propiedades:
- Pesa: 5.94 MB
- Dimensiones: 2576×1932 px
- Formato: PNG
Requerimientos para optimizar imágenes (que se requiere para su uso9.
Como la queremos para una página web, podemos notar algunos detalles.
- No tiene transparencias por lo que podemos usar un formato JPG en lugar de PNG
- Las dimensiones son muy grandes. Vamos a cambiar el número de pixeles, de tal manera que el ancho sean 1,024 pixeles. Lo cual es suficiente para el uso en la página web.
- No queremos que se vean los dedos sosteniendo la flor, así que la vamos a recortar.
Nota: Todo lo vamos a hacer con Paint, debido a que es más conocido y probablemente ya lo tengas instalado. Pero podríamos hacerlo con GIMP o algún otro editor de imágenes. Si requieres algo más complejo si recomendamos usar algún editor de imágenes más potente.
Optimizar imágenes y fotos, reduciendo tamaño.
Lo primero es abrir la imagen con Paint, para esto podemos darle clic derecho a la imagen, buscar Abrir con y elegir Paint.
Dentro de Paint elegimos la Opción de Cambiar Tamaño.
Se nos abrirá una ventana, donde elegimos la opción de Píxeles, y en el tamaño Horizontal cambiamos a 1024. Como se muestra a continuación.
Luego presionamos en aceptar. Ahora la imagen tendrá un tamaño de 1024×768 píxeles.
Guardamos este archivo como nuevo para mostrar el progreso, ahora pesa 1.3 MB, que siguen siendo muchos para la página web.
Optimizar fotos convirtiendo a JPG.
Ahora cambiaremos del formato PNG a JPG, para reducir el tamaño de la foto, algo así como comprimir la imagen PNG.
En Paint vamos a Guardar como, y seleccionamos JPG.
Nos preguntara que si queremos eliminar transparencias, presionamos en Aceptar.
Vemos que la imagen ya pesa 224 KB.
Recortar la imagen, para bajar peso.
Por último, más que para disminuir el peso de la imagen, es para que se vea mejor.
Pudimos haber recortado desde el principio, así asegurábamos que el tamaño final de la imagen sea 1024 pixeles de largo. Pero la imagen en la página no se usara como pantalla completa sino como una imagen mediana. Por lo que si la recortamos no afectará en su propósito.
En Paint usamos la herramienta seleccionar, para seleccionar el área deseada.
Luego presionamos a la herramienta Recortar, y se eliminara todo lo que no esté seleccionado.
Por último Guardamos y listo.
La imagen pesa solo 148 KB.
Estas son las características finales:
- Pesa: 148 KB
- Dimensiones: 961 x 467 px
- Formato: JPG
Comparada con la original:
- Pesa: 5.94 MB
- Dimensiones: 2576 x 1932 px
- Formato: PNG
Vemos demasiada diferencia, para dos imágenes que se van a usar para el mismo propósito y ambas cumplen con los requisitos necesarios.