1. Entretenimiento
  2. »
  3. Taringa!
  4. »
  5. Info

Como optimizar tus imágenes para Taringa! y otros sitios.

Bueno, hace mucho que no hago post, y esta vez vengo a presentarles un tema muy importante, en realidad tiene mucha mas relevancia de la que le damos!
Siempre que alguien hace un MegaPost! que incluye muchas imagenes nos podemos morir esperando a que cargue, y esto no tiene porque ser asi! En este post voy a intentar explicar 2 metodos para optimizar imagenes para hacer tus post. Porque 2 metodos? Porque el primero (recomendado) se necessita photoshop, el segundo es una alternativa para los que no lo tengan!

En realidad es muy senzillo, primero de todo vamso a trabajar con pixeles, no con centímetros, ya que Taringa es una web, y las en las webs es mas facil trabajar en pixeles, asi que pondremos nuestro editor de imagenes en pixeles, ya sea photoshop o cualquier otro editor de imagenes.
Si nos fijamos, no hace falta poner las imagenes a resoluciones superaltas, una imagen en un post en Taringa! no podra ocupar mas de 700px, asi que vamos a partir de esa base, TODAS las imagenes que queramos hacer no haran mas de 700px, ya que sino en el post se reduciran igualmente y estamos gastando recursos a lo tonto.

Luego viene el segundo y ultimo paso, optimizar la imagen, quitando colores, metadatos, y otras informaciones sin utilidad en nuestra imagen. Para hacer esto no hace falta saber nada, solo tener un photoshop cs4 o mas alto o una de las alternativas que dare mas adelante.
Voy a explicarlo con imagenes, sera mas sencillo de entender:

- Metodo 1, photoshoop (recomendado)

Photoshop cs4 o cs5 o cs6, ya viene con una herramienta para optimizar imagenes para web y otros dispositivos, lo que es muy util, primero de todo abriremos nuestra imagen, que se supone que ya tendra 700 o menos pixeles de ancho, para el ejemplo me ha parecido bien usar un pantallazo de youtube a pantalla completa!:


click en la imagen para hacer grande

Luego vamos al menu archivo y le damos a Guardar para web y dispositivos...


click en la imagen para hacer grande

Bueno ahora sale todo pequeño porque el pantallazo lo he hecho con mi portatil, solo 10" y no cabe muy bien, pero se ve lo necesario.
Como vemos salen la imagen original, con su peso y otros datos, y 3 mas que vamos a ir "tocando" para poder comparar con la original y escojer la mejor. Podemos escoger entre gif, wbmp, png-8, png-24 y jpg. Gif y png son utiles porque tienen canal alpha, es decir, transparencia, pero aqui la cosa es decision vuestra, que cada uno coja el formato que mas se condicione a sus necessidades. Voy a hacer el ejemplo en gif para poder explicar mejor el funcionamento, aunque en este caso seria mejor hacerlo en jpg, pero en gif salen todas las opciones para optimizar y asi explico cada una de ellas:


click en la imagen para hacer grande

Voy a expplicar por encima los campos importantes:
-donde pone gif, es para poner el formato de salida preferido, xD
-donde pone selectiva, es que tipo de perfil de colores quereis cargar, lo mas normal es poner selectiva y en el 128, poner los colores que querais, observando que no se pierde mucha informacion de la imagen original.
-sin tramado, el tramado tiene varios usos distintos, el mas importante, que espara lo que lo uso, si al bajar la calidad se ve todo bien menos un degradado que se nota un poco, se pone tramado de difusion al 50-60% y casi no se nota nada!
-transparencia ya se lo pueden imaginar!
-Halo, es para hacer un contorno de algún color alrededor de la imagen.
-entrelazado, no caso, no lo marquen.
-y finalmente menos calidad o ajustar para web, ambos hacen algo parecido, quitar colores, solo que usan matrices diferentes para escoger que colores quitar, en caso de que la imagen ocupe mas de lo que deseamos empezaremos por la barrita de ajustar para web, y si esta no es suficiente usaremos la otra!

Y yasta, seleccionamos la vista previa que queremos guardar y seguidamente le damos a enter o aceptar para guardarla.

Si se fijan, las imágenes que he puesto yo si hacen click se amplían, esto es una cosa que pueden necesitar, en un pantallazo muchas veces queremos que se pueda ver mas grande! No se puede tener todo, la calidad requiere de mas tamaño, pero se puede hacer una cosa, tenemos nuestra imagen grande y nuestra imagen de calidad optimizada, subimos ambos a un servidor de imágenes y ponemos la pequeña en el post, con un enlace a la grande, así almenos se podrá ver la buena!

Prueben a hacerlo, un pantallazo como los de arriba ocupan ni mas ni menos que 2 mb sin tocarlos, al hacerlos de 700 px y optimizarlos como es debido pasan a 40 o 60 KB, y los post no están tan cargados!

Por favor, háganlo en sus post, todos los usuarios lo agradecerán, sobretodo los que tengan poca linea de Internet!


Prometí un segundo sistema, para los que no tienen photoshop, les pongo una dirección de una recopilación de aplicaciones que optimizan automáticamente las imágenes, en algunos casos puede que quede mejor o peor que en otros, pero si no hay photoshop es la mejor opción!
0
0
0
0No hay comentarios