Cómo crear un icono en una ventana de URL

¿Ha notado cómo sus sitios web preferidos tienen un pequeño icono que aparece a la izquierda de la URL en la ventana de URL en la parte superior de su navegador? Estos iconos favoritos, o favicons, son esenciales para el funcionamiento de un sitio web exitoso y la construcción de la identidad de marca. Hacer un favicon no es tan simple como elegir una imagen. Hay un proceso específico necesario para crear y cargar un favicon a aparecer junto a la URL de su propio sitio web.

Instrucciones

1 Ponga un poco de pensamiento serio en la identidad de marca que está creando para su sitio web. El favicon que aparece en la ventana de URL es una parte clave de esa identidad. Piense en algunas imágenes simples para representar los conceptos clave de esa identidad y anotarlas.

2 Abra su software de edición de imágenes favorito, como Adobe Photoshop o GIMP. Si usted no tiene ningún software de edición de imágenes, descarga de software libre como GIMP desde download.com.

3 Crear un nuevo archivo que es exactamente de 16 por 16 píxeles y 16 colores o 16 tonos de gris. Es de vital importancia que elija estas dimensiones exactas y colores establecidos para que su icono para visualizar correctamente en la ventana de URL.

4 Experimento con algunos diseños diferentes que utilizan las ideas que concretarse en el paso 1. Recuerde que el favicon se mostrará cada vez que los usuarios tire hacia arriba de su sitio web, así como en sus marcadores. Puede ser difícil diseñar una imagen que se ve profesional a un tamaño tan pequeño. Volar la imagen a un tamaño mucho más grande a medida que trabaja, por lo que asegúrese de comprobar que en su tamaño real, de forma periódica.

5 Trate de usar colores similares para crear profundidad, o la creación de su tipo en diferentes tonos de gris al tiempo que añade un color de fondo. No debe cambiar su favicon una vez que se carga, ya que esto afectará negativamente a la identidad de marca. Asegúrese de que está completamente satisfecho antes de seguir adelante.

6 Guardar la imagen como un archivo JPG, y luego convertirlo en un archivo de icono utilizando un generador de favicon como Adsen Favicon. Adsen Favicon es un software disponible sin cargo. Cuando el software le pide un archivo de origen, abra el archivo JPG que ha creado. Si utiliza Adobe Photoshop, puede guardar directamente en el formato .ico se detalla en el paso 7 y no se necesita un software aparte.

7 Convertir JPG a la ".ico" formato utilizando Adsen Favicon o Photoshop, y guardar el archivo como "favicon.ico". No título el icono favicon.ico como algo más que nada, ya que es el único nombre de archivo que volverá al comienzo de su navegador para mostrar el icono en la ventana de URL.

8 Use su cliente favorito de FTP para subir el archivo favicon.ico en el directorio raíz de su sitio web. Esta es la carpeta principal, el mismo que se encuentra el archivo "index.html". Este es el único lugar donde puede poner el archivo para que mostrara en la ventana de URL. Tome un minuto para ver cómo el favicon se funde con su sitio web, y ajustar según sea necesario.

Consejos y advertencias

• Siga las instrucciones exactamente del tamaño de archivo, sistema de color, nombre y ubicación para evitar problemas frustrantes con su favicon.