Tutorial: Optimizar imágenes PNG al máximo con PNG Crush

Carlos Arreola Seguir
Seguidores
580

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.378
Muchas veces pensamos que cuando optimizamos las imágenes con PageSpeed o Smush.it ya no es posible optimizarlas más, ahora les mostraré un pequeño programa con el que podemos optimizar las imágenes PNG todavía más.

Los beneficios primero que nada es que al reducir el espacio, nuestro servidor estará menos ocupado sirviendo estas imágenes.

OJO: No recomiendo estarlo haciendo para las imágenes que subimos en nuestros blogs, sino para los .PNG de plantillas, las cuales todos los días los usuarios descargarán al ingresar a nuestro sitio.

Este tutorial es para Windows, aunque el mismo programa se encuentra para linux.

1. Descargamos PNG Crush, en la fuente que pondré al final viene un enlace aunque para evitar que se pierda lo he subido al foro, pueden descargar aquí:

Descargar PNG Crush

2. Extraemos su contenido, tendremos una carpeta llamada "pngcrush", esta carpeta la copiamos al disco C.

3. Movemos los dos accesos directos "PNG Crush" y "PNG Crush Brute", los vamos a poner en la carpeta de Enviar a. Para hacerlo podemos abrir la consola de windows (apretamos la tecla de Windows + R al mismo tiempo) y tecleamos: shell:sendto. Estando en la carpeta ponemos estos dos accesos directos ahí.

4. Bajamos la carpeta de archivos .PNG que necesitamos optimizar. En mi caso he descargado una del foro llamada "Statusicon" que son algunos íconos del foro que se utilizan diariamente.

status-originales.png

Recomiendo hacer otra carpeta donde vamos a poner todas las imágenes con las que estamos trabajando para no batallar después.

5. Seleccionamos todas las imágenes y le damos clic derecho, luego enviar a y utilizamos alguno de los dos accesos directos, yo recomiendo PNG Crush Brute.

6. Las imágenes optimizadas tendrán el mismo nombre y se le agregará un 2 al final. Habrá que cambiarles el nombre dentro de otra carpeta y remplazar a las anteriores en nuestro servidor.

RESULTADO FINAL:

status-optimizadas.png

Quiero aclarar que estás imágenes ya se encontraban optimizadas por PageSpeed antes de pasarles el programa, y todavía así se han podido optimizar más sin perder calidad. En mi caso lo he hecho en este mismo foro obteniendo buenos resultados, ya que por todas partes encontramos archivos .PNG, que sumando las optimizaciones hacen una gran diferencia.

Así que aquí tienen un pequeño truco que seguro les servirá para hacer más eficientes sus sitios.

Si les gustó no olviden guardarlo en favoritos, más de una vez nos pasa que lo hacemos en una ocasión pero en otros sitios se nos olvida aplicar lo mismo :)


despues-png-category.png

Fuente original del programa: PNG Crush easy install

También te puede interesar mi tutorial para optimizar imágenes en Wordpress con smush.it.
 
Última edición:

Wizard

Xi
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
27 Ago 2011
Mensajes
4.257
Gracias por el tutorial carlos!
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.378
y cual es tutorial para optimizar las imagenes en wordpress

Este tutorial trata de optimizar imágenes .png, eso lo puedes buscar dentro de los tutoriales de wordpress :)
 

xeme

Beta
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 May 2014
Mensajes
67
Gran aporte Carlos Arreola! ¿Algo parecido para Mac?

Un saludo.
 

webbber

Préstamo
Xi
Redactor
Desde
5 Jul 2010
Mensajes
4.461
no sabia de este programa, ahora lo empiezo a usar. Generalmente trabajo con capturas de pantallas para tutoriales y las imagenes son pesadas, al menos mas de 400kb.

\Gracias!
 

Hyper

Moderador
1
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
5 Dic 2013
Mensajes
21.318
Gracias por el aporte :encouragement:
 

LuisCastro

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 May 2014
Mensajes
175
Buen tutorial, aunque yo normalmente abro muchas imagenes en photoshop y voy guardandolas con menor calidad en jpeg... esa era mi solucion hasta ahora xD pero pierden calidad... es lo malo...

Aunque como no tengo un sitio que se base en imagenes de calidad, no creo que a mucha gente le importe al menos en mi caso si estan bonitas o no :p

pero con este tutorial de seguro les puedo mejorar la calidad :D muchas gracias
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.378
Buen tutorial, aunque yo normalmente abro muchas imagenes en photoshop y voy guardandolas con menor calidad en jpeg... esa era mi solucion hasta ahora xD pero pierden calidad... es lo malo...

Aunque como no tengo un sitio que se base en imagenes de calidad, no creo que a mucha gente le importe al menos en mi caso si estan bonitas o no :p

pero con este tutorial de seguro les puedo mejorar la calidad :D muchas gracias

Sí, sobre todo porque tienes el acceso directo a optimizarlas siempre con este método :)
 

Sergio López

Lambda
SEO
Desde
29 Ago 2010
Mensajes
2.766
Muy interesante, los tutoríales sobre imágenes son muy buenos porque son el problema en el ancho de banda y en la velocidad del sitio.

La optimización de imágenes es fundamental en todos los sitios.


Sent from my iPhone - Tapakal
 
Arriba