¿Qué es un favicon o favicono?
- Es el icono que aparece en la parte izquierda de la barra de direcciones (URL) en el caso de Mozilla Firefox
- Es el icono que aparece en la pestaña de la web que estamos visitado (Chrome, Firefox etc)
¿Cómo crear un favicono?- Con cualquier software de edición de imágenes, como Photosop o Gimp.
- Mediante cualquier aplicación on line, como por ejemplo: favicon.cc | genfavicon.net
--------------------------
Formato y dimensiones que ha de tener un favicono
- 16x16, 32x32, 48x48, 64x64 y 128x128. Dependerá del navegador. Pero se aconseja no sobrepasar los 64x64 píxeles.
- El favicono se aconseja que esté en los siguientes formatos de imagen: .PNG, .JPG o .GIF. *Con IE: puede que IE no lea bien el favicono, para lo cual, ponerlo en formato NO estandar: .ICO o .BMP.
--------------------------
Insertar el favicono en BLOGGER
- Una vez que hayas accedido a tu cuenta blogger, ir al menú de DISEÑO.
- Una vez ahí pinchar sobre el menú FAVICON, y darle a editar.
- Añadir el favicono, y dar a guardar los cambios.
--------------------------
Insertar el favicono en GOOGLE SITES (gracias a @pauetc)
Tal y como afirmaba @pauetc en los comentarios, también se puede poner el favicono en Google Sites.
El compañero y colaborador de #enlanubetic, @capileratic, también nos lo explica en su site.
- Accedemos a nuestro SITES.
- Vamos as la parte superior derecha de nuestro SITES y hacemos click en: Más acciones>Administrar sitio>Archivos adjuntos
- Subimos el favicono en formatos de imagen estándar: .JPG, .PNG, .GIF
Renombramos la imagen como:favicon.ico
- Volvemos al SITES y comprobamos que, efectivamente, se ha subido correctamente el favicon.
--------------------------
Insertar el favicono en cualquier WEB
- Para incluir el favicono en cualquier web, blog... ir a las etiquetas HEAD de la plantilla base de HTLM.
- PARA CUALQUIER EXPLORADOR (excepto IE): Si vuestro favicono sigue los estándares (formatos .PNG; .JPG y .GIF), incluir lo siguiente:
<link rel="icon" type="image/png" href="/images/mifavicon.png"/>
- PARA IE: Si vuestro favicno no sigue los estándares (formatos .ICO y .BMP), incluir lo siguiente:
<link rel="shortcut icon" type="image/x-icon" href="/images/icon1.ico"/>
--------------------------
- Kioskea.net
- Wikipedia - Favicon
- Favicon.net
¡Magnífico, Alazne! Muy buenas las herramientas para diseñar iconos que comentas... muy útiles.
ResponderEliminarComentar que también funciona en GoogleSites. Hay que subir el archivo favicon.ico a la raíz del site, desde Administrar sitio>Archivos adjuntos.
Magnífica información. Muchas gracias
ResponderEliminarGracias por tu completo post, Alazne. Perfectamente claro el procedimiento ;-).
ResponderEliminarPAU >> mañana completo el post, no lo había probado para sites
ResponderEliminarJOAN y JUAN me alegra que os haya sido de utilidad
actualizado
ResponderEliminarestá genial alazne! ahora solo queda hacer uno para los que tenemos wordpress, jaja
ResponderEliminarjmorsa, puedes cambiar tu favicon de Wordpress editando la plantilla, y metiendo entre los códigos head y /head esto < link rel="icon" type="image/png" href="/images/mifavicon.png" />
ResponderEliminarAlazne
ResponderEliminarEstupenda y completísima la entrada
Enhorabuena y gracias por esa mención.
Saludos compañera
Probado y confirmado, es muy fácil. Ideal para personalizar sites y blogs de centro.
ResponderEliminarGracias Alazne.
Me alegra que os haya resultado fácil, porque realmente lo es.
ResponderEliminarMuchas gracias por compartir esta experiencia la verdad es que es muy practica y útil.
ResponderEliminarSe trata de una forma muy interesante de personalizar nuestro propio espacio. Muy interesante y práctico
ResponderEliminarme alegra que os haya gustado
ResponderEliminar