Tutorial: Tutorial Photoshop: Optimizar imágenes en 1 minuto

[David Batista]

Hola!

Primero que todo dejo claro que este tutorial se lo debo a mi novia ya que ella sabe mas de photoshop que yo (hace algo de diseño grafico) y ella fue la que me enseño lo que pondre en el tutorial :encouragement:

Posiblemente esto ya lo sepan muchos y ya esta publicado en algun lado pero aqui va :star2:

Como muchos ya saben optimizar la velocidad de tu sitio es muy importante por lo tanto entre menos pesen las imagenes mejor!

Paso 1: Tener photoshop en mi caso tengo el photoshop 6

Paso 2: Abrir Ps6 y seleccionar la imagen que quieras optimizar.

Miren el peso 4.20mb



Paso 3: Una vez ya abierto Ps6 y con la imagen seleccionada se van a archivo y seleccionan "guardar para web" y les abrira otra ventanita



Paso 4: Como en la imagen tienen que seleccionar mediana (yo en realidad no veo perdida en la calidad).



Paso 5: Una vez cambiada la calidad le pueden cambiar el tamaño, en mi caso le puse 720 en "Al"

Ahora miren su peso.



De 4.20mb reducido a 38kb, ademas esta la opción de previsualización en el cual puedes ver como quedara.

Yo en lo personal considero que cualquier imagen que pese mas de 70kb es mala para mi web ya que para mi es un factor importante que cargue ultra rapido.

Creditos para: Mi novia :love_heart:

Saludos :encouragement:

 

[Cicklow]

mmm lo abres con el paint de windows...le das guardar y listo...reducida XD... o en PS: ctrl+sift+s -> jpg-> calidad 8...

 

[David Batista]

mmm lo abres con el paint de windows...le das guardar y listo...reducida XD... o en PS: ctrl+sift+s -> jpg-> calidad 8...

La de paint lo aplicaba pero se me quedo corto cuando tenia que reducir el tamaño de la imagen sin que se pixeleara y lo de ctrl+sift+s -> jpg-> calidad 8 si que no me lo sabia

 

[Uploader1]

Hay un programa que se llama Riot yo lo uso

 

[David Batista]

Acabo de probar lo de ctrl+sift+s -> jpg-> calidad 8 y tampoco me deja cambiar su tamaño

 

[marvin1022]

Gracias no me lo sabia lo voy aplicar :star2:

 

[Chamako]

Conoces una forma de hacerlo pero de forma automatica o un programa que lo haga igual?

Pues imagina que tengas 100 imágenes, hacerlo manualmente como que es tiempo demás

 

[Charizard]

Conoces una forma de hacerlo pero de forma automatica o un programa que lo haga igual?

Pues imagina que tengas 100 imágenes, hacerlo manualmente como que es tiempo demás

Usa Caesium, redimensiona y reduce el peso de las imagenes. Ademas puede hacerlo con carpetas enteras.

 

[ensiglosquesi]

Buen tutorial, yo tbm lo uso mucho aunque hay varios formas de hacerlo.

 

[David Batista]

[MENTION=167601]Charizard[/MENTION] acabo de revisar caesium y por lo que veo es opensource y gratuito! perfecto, lo ire a probar.

- - - Actualizado - - -

Resultados con Caesium!

Sorprendete software gratuito, comprimi un lote de 60 imagenes en menos de 1 minuto, cabe recalcar que si quieres redimencionar imagenes te puede deformar algunas pero en su gran mayoria salieron bien!

 

[Mask7OfDragon]

yo utilizo limitPNG limitPNG | PNG 图片极限压缩工具 (Si tienes un mal ordenador ni lo pruebes, dado que se demorara bastante).

es uno de los mejores. Básicamente supere a cualquiera.

 

[Contreras Business]

Aun esos programas de photoshop son pagos?
No hay alguno free :welcoming:

- - - Actualizado - - -

Usa Caesium, redimensiona y reduce el peso de las imagenes. Ademas puede hacerlo con carpetas enteras.

Brother y con ese no se pixelean mucho? 😛7:

 

[David Batista]

Aun esos programas de photoshop son pagos?
No hay alguno free :welcoming:

- - - Actualizado - - -


Brother y con ese no se pixelean mucho? 😛7:

Por lo que yo revise no, revisa mis resultados.

 

[belial9826]

En mi caso uso TinyPNG – Compress PNG images while preserving transparency, tiene algunas limitante como el numero de fotos para reducir en masa, tamaño maximo permitido en modo free, pero del resto es bueno a mi parecer.

 

[kj2]

En mi caso para hacerlo corto, solía usar esto en Windows: [GPSIO] Google Page Speed Image Optimizer – Optimizar imagenes para Google | OutControl

Y en Linux tiro directamente de exiftool, jpegtran y optipng. Tendría que hacer un GPSIO para Linux, pero siempre se me olvida 😛.

kj

 

[David Batista]

En mi caso uso TinyPNG – Compress PNG images while preserving transparency, tiene algunas limitante como el numero de fotos para reducir en masa, tamaño maximo permitido en modo free, pero del resto es bueno a mi parecer.

yo lo utilizaba pero limitaba mucho, al necesitar algo que optimizara mas use Ps6 y daesium es gratuito y muy bueno, te lo recomiendo.

 

[Tutvgratis]

Gracias por el tutorial, yo no me complico tanto la vida, por eso optimizo las imágenes con la pagina optimizala y todo me queda bien y a la medida.

 

[Jarem]

Yo uso : XnConvert * One of the Best Batch Image Processing y Caesium | Free Image Compression Tool trabajo con webs de imágenes así que imagínense la cantidad de imágenes que tengo que subir.

 

[Naza Ruiz]

No me sabía esta. Por ahora no me manejo del todo con blogs o páginas web, pero sin duda que lo tendré en cuenta para futuros proyectos. Muchas gracias, va para favforitos!

- - - Actualizado - - -

yo lo utilizaba pero limitaba mucho, al necesitar algo que optimizara mas use Ps6 y daesium es gratuito y muy bueno, te lo recomiendo.

Y si digamos, luego de optimizarlas con PS, lo haces también con algún plugin para Wordpress? Bajará más el peso y la calidad?

 

[David Batista]

No me sabía esta. Por ahora no me manejo del todo con blogs o páginas web, pero sin duda que lo tendré en cuenta para futuros proyectos. Muchas gracias, va para favforitos!

- - - Actualizado - - -



Y si digamos, luego de optimizarlas con PS, lo haces también con algún plugin para Wordpress? Bajará más el peso y la calidad?

No siento que los plugins gratuitos de wordpress para optimizar imagenes sean muy utiles, les reduce un par de kb solamente, ahora no estoy seguro si los de pago sean otra historia ya que nunca he usado uno.

- - - Actualizado - - -

y no, no uso ninguno