18 Oct QUERIDO PS – Cómo crear un buen favicon
Terminada la temporada de cursos, es hora de volver al blog, ¡ya lo echaba de menos!
y hoy con un post con videotutorial sobre el favicon, el pequeñísimo icono que hay en las pestañas de los navegadores representado cada web.
Como nos gusta diseñarnos cada detallito de nuestra web o blog, no podemos olvidarnos de éste.
Navegando por Google es fácil encontrar bastantes guías sobre su tamaño y formato. Pero no veréis dónde os cuenten truquitos para conseguir uno eficaz y legible. Así que he dedicado un videotutorial a enseñaros tanto a crearlos y a esos truquis gráficos de los que os hablo.
¿QUÉ HAY QUE SABER?
El formato del favicon es el .ico. Nuestro Photoshop no exporta este formato a no ser que instalemos esta aplicación. Yo no la tengo instalada, y sin embargo me apaño muy bien de la siguiente manera:
Hago mi imagen (tamaño 16px x 16px) y la guardo como .png. Luego abro Convertico y allí, de la manera más sencilla, se convierten a .ico. Luego no tenéis más que subirla a vuestro Blogger por el panel de diseño o a vuestro WordPress como os cuento a continuación.
Tres pasos:
- Tienes que subir tu imagen a un servidor y obtener su dirección, puedes subirla al de tu web por ftp o alojarla en sitios como DropBox o ImageShack.
- Pega la dirección de la imagen dentro de éste código <link href=”Direccion de la imagen” rel=”shortcut icon”/>
- Busca en el panel de control Apariencia > Editor > Header.php .Péga la línea de código entre la etiqueta <head> y </head>. Puedes sustituir aquí la imagen de un favicon antiguo por uno nuevo.
MUY POQUITO DE INSPIRACIÓN
Pues no he encontrado inspiración muy actualizada, vaya esta por delante de Smashing magazine.
PARA INVESTIGAR Y PRACTICAR
Primero mira el video. En el enlace anterior hay un montón de favicons chulos. Copia alguno que te guste y míralo de cerca tal y como te enseño. Seguro qué vas sacancdo tus conclusiones sobre lo que funciona y lo que no.
Y vamos con el video. Veréis que abro una pagina de Wikimedia Commons, os dejo también su enlace.
[vimeo 77141743 720 404]
Cuéntame, ¿Te sueles fijar en los favicons molones o te pasan desapercibido? (obvio:te aconsejo ya que te fijes)
¡Ayúdame a llegar a más gente compartiendo! debajo de este post hay iconos a todas tus redes. ¡Gracias!
Si te interesa todo aquello relacionado con el mundo del diseño, los blogs y webs, apúntate para recibir mi newsletter:
Apúntate a Meisi Club.
Diseño cada día por 10/€ mes
Meisi Club es un servicio de suscripción mensual en el que podrás acceder a videotutoriales y podrás permanecer el tiempo que quieras.
2 Comments