Páginas

lunes, 2 de marzo de 2020

¿Qué es el favicón en Blogger?

Extracto de la web: 
 
El favicon en Blogger es un pequeño icono (normalmente de 16×16 píxels o de 32×32 px) que se utiliza para identificar un sitio web en las pestañas de un navegador, en un listado de favoritos, o en cualquier otra parte que requiera una identificación pequeña. Es un símbolo que transmite imagen corporativa, así que sirve para:
  • Transmitir nuestra imagen de marca cuando alguien navega por nuestra página web y fija su mirada en la zona de la URL del navegador.
  • Para que nuestra página sea fácilmente identificable cuando alguien tiene abiertas varias pestañas en su navegador.
  • Para que nuestra página sea fácilmente identificable cuando alguien la guarda en sus favoritos.

esto es un favicon 


Tarea de hoy: 
Elige una imagen en Internet que te gustaría tener de "favicón", cópiala en un lienzo en blanco del programa Gimp y recórtala para que sea perfectamente cuadrada, con la herramienta selección rectangular, y seleccionando un poco a "ojo" el recortado de forma cuadrada.

Para convertir la selección que hiciste en perfectamente cuadrada, tendrás que ir a Imagen / Escalar imagen, seleccionando la anchura y la altura en una unidad que no sea % (valdría mm), y marcando el mismo valor en los dos recuadros para que sea perfectamente cuadrada (tendrás que romper la cadena que enlaza ambos valores con el ratón).


Ahora en Imagen / Propiedades de imagen, puedes ver el tamaño de la foto. 


Si es mayor de 100 KB, no pordrás usarla en como favicón, por lo que tendremos que volver a Imagen / Escalar imagen y reducirla (con la cadena enlazada esta vez) en % para que ocupe menos de 100 KB. 

En mi caso, como la foto es de 216 KB, tendré que reducirla: (100 KB / 216,9 KB) .100 = 46,104
Redondeando, la puedo reducir en % (percent) a 47% para que sea inferior a 100 KB.

También podemos ver el vídeo: 
Cómo crear un favicon gratis https://www.youtube.com/watch?v=mJvMxjLfBII
de Oscar Feito.

Web de favicon's: www.favicon.cc

Calculadora de pixels: https://www.pixelcalculator.com/index.php?lang=es