Igual aprendemos algo

nonews

Icono personalizado para nuestro blog

| viernes, 25 de febrero de 2011
Habréis visto que la mayoría de las páginas comerciales, por no decir todas, tienen un icono personalizado que aparece en la barra de direcciones del navegador o en su caso en la pestaña correspondiente.
Muchos blogs han incorporado esto también, porque da una cierta personalidad al blog, además de hacer más reconocible su presencia en los favoritos o el historial.

Desde aquí vamos a intentar explicar como colocar un icono de este tipo.

Necesitaremos hacer estos pasos:

1.- Conseguir una imagen adecuada.
2.- Alojar esa imagen en un servidor
y 3.- Introducir el código necesario en el blog para que aparezca la imagen.

Pues vamos a ello.

1.- Conseguir una imagen adecuada
En principio hay que decir que la imagen deberá ser cuadrada, de 16 pixeles de lado, y con formato '.ico'.
Al final del post veremos que esto en realidad era así en el principio de Internet. Hoy día se puede conseguir el mismo resultado con otros tamaños e incluso con otras extensiones de archivo.
Para obtener la imagen tenemos al menos dos opciones:
1.1- Buscarla en Internet.
y 1.2- Crearla nosotros mismos.

1.1- Una simple búsqueda en Google por 'iconos' o 'iconos web' nos dará un sinfín de resultados de páginas que nos ofrecen descarga gratuita de miles de iconos, de todos los tipos y temáticas.
Si así no encuentras uno que te llegue a gustar es que eres muy especial.
Bueno, la verdad es que habrá que echarle paciencia también.

Pero si de verdad quieres uno personal, lo mejor es la segunda opción: crearle nosotros mismos.

1.2- Para ello necesitaremos algún programa, como es lógico.
Editores de iconos y utilidades para trasformar imágenes en iconos hay muchos en el mercado. De pago y gratuitos.
Os daré unas pistas sobre lo que yo he visto y he usado.
El Microangelo tiene fama de ser el más completo, una especie de 'Photoshop del icono' (también trabaja cursores). Pero es de pago.

Vayamos con los gratuitos.
Easy Picture2Icon es muy sencillo y útil si lo que quieres es trasformar una imagen que ya tienes en icono, de una forma rápida. Admite bmp, gif, jpg y png. Necesita tener instalado .NET Framework para su funcionamiento.

IcoFX es ya un programa bastante más completo. Permite crear iconos desde cero, pero también trasformar imágenes en iconos e incluso extraer los iconos de un archivo ejecutable del sistema. Existe también en versión portátil, para los que nos movemos con los programas puestos (en un pendrive, claro).

Y por último, Greenfish Icon Editor Pro. Este es parecido al anterior, es decir un programa de edición de iconos completo, con efectos y transparencias, pero además incorpora capas, cosa bastante interesante para trabajar distintos aspectos de un icono con comodidad.

En el recuadro os dejo los vínculos correspondientes.



Estas son solo mis recomendaciones, pero en páginas de descarga de programas como Softonic o UptoDown encontraréis muchas más opciones. Cada uno tiene sus preferencias, y es posible que os manejéis mejor con otro programa.
Por otra parte algunos editores de fotografías tienen también la opción de exportar imágenes en formato icono.
Alguna vez hemos hablado en este blog de PhotoFiltre, un sencillo editor de imágenes, portátil, que nos sacará a menudo de esos pequeños problemas con las fotografías. Pues, además, este programa también permite la exportación -con un solo clic- al formato de icono.

Y ya para cerrar este capítulo, hay que decir que existe otra opción muy sencilla para trasformar una imagen en icono: los servicios on-line.
Hay muchos por ahí pero yo os daré solo uno: FavIcon Generator.
Solo hay que ir a su página, subir una imagen (cuadrada a ser posible), y descargar un archivo comprimido (zip) que ellos crearán. En ese archivo encontraremos los iconos en dos tamaños (16x16 y 32x32), así como unas vistas previas de ellos (en formato .png) y un archivo de ayuda para colocarlo en el blog, aunque no os recomiendo seguir esa ayuda porque está incompleta.

2.- Alojar la imagen en un servidor
Ahora que ya tenemos nuestra imagen, de nada nos servirá tenerla en nuestro ordenador. Para que pueda verla todo el mundo que visite nuestro blog, habrá de estar alojada en un servidor.

Sitios de hospedaje (hosting) de archivos hay un montón en la red, algunos incluso dedicados en exclusiva a imágenes.
Por mi parte solo dos recomendaciones: Álbumes Web de Picasa y Dropbox.

Para los que publican su blog en la plataforma de Blogger (Google), lo más recomendable es el servicio de Álbumes Web de Picasa, puesto que ahí es donde están alojadas todas las imágenes que vamos colocando en nuestro blog.

Con la misma cuenta que ya tenemos de Google, entramos en el servicio 'Álbumes Web de Picasa'. O bien, en la página de búsqueda de Google, pinchamos en Más > Fotos, como vemos en la imagen.


Habremos entrado en el servicio y nos encontraremos con todos los álbumes donde se encuentran las fotos que hemos ido colocando en los blogs.
Algo como esto:


Pinchamos en el botón 'Subir' y luego en seleccionar un álbum. Eso nos lleva a una vista de todos nuestros álbumes, donde elegimos uno o creamos uno nuevo si es nuestra deseo.


Como el icono es una imagen que va a pertenecer a un blog, mi recomendación es ubicar la imagen en el álbum de ese blog, pero esto es a gusto del consumidor.
Seguimos los pasos que nos indican y ya tendremos la imagen de nuestro icono subida.
En la siguiente captura podéis ver la imagen de mi icono en el álbum correspondiente junto a las otras imágenes de este blog.



Sigue aquí >>>

17 comentarios:

Nando dijo...

No puedo seguir leyendo?

Nando dijo...

Ke chulo tu icono de nonius yo quiero uno!!!
Donde se inserta la url?

jose dijo...

Podrás pero no ahora... mañaana!
O cuando sea, es que tengo poco tiempo seguido y quiero dejarlo clarito.
Asín que poco a poco irán apareciendo nuevos datos.

Nando dijo...

ABUSOOON!!!!

Juan Nadie dijo...

Ahí te he visto!

Anónimo dijo...

Pues espero.

¡Gracias por la primera entrega, Jose!

jose dijo...

Paciencia, es que me estoy poniendo exhaustivo, y cuando me pongo así...
puedo ser un 'pesao'.

No hay por qué no darlas,.. esto... de nada.

Nando dijo...

TIC TAC TIC TAC TIC TAC TIC TAC TIC TAC TIC TAC TIC TAC TIC TAC !!!!!

jose dijo...

¿Hay límite de tiempo?

Anónimo dijo...

Cuando llegue la siguiente entrada, bienvenida será, Jose.

¡Gracias!

finchu dijo...

Ya tengo la imagen de la perdiz en .ICO lo he hecho con el IcoFX.
Espero la siguiente entrega de este apasionante culebrón

jose dijo...

Bien por la paciencia, Anderea.
Procuraré tardar poco.
Y bien a Finchu que es un alumno aplicado y sigue las clases al día, no como otros.

Anónimo dijo...

Jose lo siento pero va a haber que meterte caña..

jose dijo...

Tranquilos, no solo de blogs vive el hombre...

Juan Nadie dijo...

Es que Jose se adorna más que las tartas, Gatopardo.
No, en serio, es que es exhaustivo y quiere dejarlo todo bien claro. A mí ya me lo chivó todo, así que os chincháis, hala.

Nando dijo...

osti eso no sabía yo!!
No tenia ni idea de que todas las imagenes del blog las tenía ahi por que las voy eliminando y luego me acuerdo de ellas y no sabía como encontrar.
Si es que este nonius es la pera limonera oye!!!!!

jose dijo...

¿Ves como es bueno ir poquito a poquito?
P'a asimilar, más que nada.

;-)

Los últimos comentarios