Generador de favicons

Cuando tienes un blog o una página web, siempre queda muy bien diseñar un favicon o en el caso de blogger, cambiar el que viene por defecto. Muchos programas de edición de imagen no guardan en formato .ico, y aunque muchos navegadores aceptan formatos como .png o jpg, otros no aceptan otro formato de imagen para los favicons que no sea el .ico.

Existen herramientas online para crear favicons, algunas de ellas muy intuitivas y rápidas, que nos permitirán crear el favicon para nuestra página o blog.

Herramientas para crear favicons

Genfavicon.com

Genfavicon.com nos permite crear iconos (.ico) de varias medidas, a través de 3 pasos: subir imagen (o indicar la ruta si la imagen está online), elegir el tamaño (en el caso de crear favicon sería 16×16) y recortar la imágen, y finalmente guardar. Es una muy buena forma de crear el favicon, ya que es muy intuitiva, la única pega es que si tu imagen original es un png transparente, al crear el .ico no respeta las transparencias, pero es una opción muy buena si tienes una imagen y necesitas cortarla con su propio editor. Está en español.

Enlace: Genfavicon

webscriptlab

Si necesitas un favicon transparente y tienes una imagen cuadrada en png transparente preparada para tal fin, éste generador es tu mejor opcion. Subir la imagen, elegir el tamaño (por defecto 16×16), y guardar tu favicon transparente.

Enlace: webscriptlab favicon generator

favicon.cc

Para crear tu propio favicon desde cero, sin necesidad de tener una imagen preparada para subir (aunque tambien puedes importar una), la herramienta de favicon.cc es genial, tienes una cuadrícula de 16×16 como lienzo donde puedes pintar el favicon con su editor, si te gusta el pixel-art, te va a encantar. Además, admite transparencia, puedes ver una previa a tamaño real de como va quedando y puedes ver los ultimos favicons que han creado otros usuarios. Por si todo esto fuera poco, ofrece la posibilidad de crear favicons animados.

Un detalle que me encanta de favicon.cc, es que puedes ver la vista previa de como va quedando en el propio favicon de la página. La mejor opción.
Enlace: Favicon.cc

Favicon-generator.org

Si quieres una mezcla de todo lo anterior, favicon-generator es tu sitio, con un diseño minimalista y una navegación por pestañas tienes las opciones de subir una imagen, pintar con un editor en una cuadrícula y ver una galería de favicons hechos.

Enlace: favicon-generator.org

Como poner un favicon

Ya tengo mi favicon.ico, ¿Ahora qué hago? Muy sencillo, basta con subir la imagen a tu ftp y poner el siguiente código en la cabecera de tu web/blog, dentro de la etiqueta <head>: