Google+ Poner un Favicon (favicono) a tu web ~ #PedaLógica por @alaznegonzalez

lunes, 19 de marzo de 2012

On 4:19 by Alazne González Santana in ,    No comments

post creado para @enlanubetic



¿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.
  1. Accedemos a nuestro SITES.
  2. Vamos as la parte superior derecha de nuestro SITES y hacemos click en: Más acciones>Administrar sitio>Archivos adjuntos
  3. Subimos el favicono en formatos de imagen estándar: .JPG, .PNG, .GIF
  4. Renombramos la imagen como:favicon.ico
  5. 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"/>


--------------------------

Fuentes consultadas para la elaboración de este post:
- Kioskea.net
- Wikipedia - Favicon
- Favicon.net

0 comentarios:

Publicar un comentario en la entrada