¿Se ha preguntado por qué algunos sitios web tienen un logotipo / imagen personalizada con su dirección web, mientras que otros no lo hacen. Si desea personalizar su sitio web, la adición de un icono de favoritos (favicon) hará que se destaque. Un icono de favoritos es la imagen que aparece en una barra de direcciones web o marcador con la dirección URL (Uniform Resource Locator). Usted puede utilizar su logotipo de la empresa para crear el icono o crear uno desde cero. Creación de un icono de favoritos no es tan difícil como parece.
Instrucciones
Crear el icono de favoritos para la página web desde cero
1 Abra Adobe Photoshop o un editor de imágenes.
2 Crear una nueva imagen con las dimensiones de 64 píxeles (ancho) por 64 píxeles (altura).
3 El diseño de su logotipo o una imagen que desea utilizar para el icono de favoritos.
4 Acercar a cero en su creación. Afinar el diseño y aumentar la resolución de la imagen hasta que se ve bien.
5 Guardar el archivo como un PSD de Photoshop (o un archivo de imagen en bruto) en caso de que tenga que editar más tarde.
6 Reducir el tamaño de la imagen a 16 píxeles (ancho) x 16 píxeles (altura) y volver a guardar la imagen como favicon.gif.
El uso de una imagen existente de la página Web del icono Favoritos
7 Abra su imagen existente en su editor de imágenes preferido.
8 Reducir el tamaño de la imagen a 16 píxeles (ancho) x 16 píxeles (altura).
9 Afilar su imagen si no se ve del todo bien.
10 Guardar el archivo como un PSD de Photoshop (o un archivo de imagen en bruto) en caso de que tenga que editar más tarde.
11 Vuelva a guardar como favicon.gif.
Utilizando el Generador de Favicon
12 Vaya en línea y encontrar un generador de favicon libre en línea. Algunos generadores en línea libres son favikon.com y favicongenerator.com.
13 Siga las instrucciones para su generador elegido.
14 Buscar el archivo de imagen que ha guardado en su computadora local.
15 Seleccione 16 píxeles (ancho) x 16 píxeles (altura) si se pide un tamaño de la imagen.
dieciséis Generar la conversión. El generador de ahora será convertir su .gif, .png o .jpg archivo a un archivo .ico.
17 El nombre de su archivo "favicon.ico" convertido si no lo ha hecho.
Preparando el icono Favoritos para la Web
18 Utilizando su editor de texto favorito, abra el documento HTML aparecerá el icono de favoritos en.
19 Agregue la siguiente línea de código entre la etiqueta <HEAD>:
<Link rel = "icono" type = "image / ico" href = "favicon.ico">
20 Guarde el archivo.
21 Publique el archivo HTML y el icono de favoritos (favicon.ico) a la carpeta raíz de su navegador web.
22 Marcar su página web y borrar la caché de Internet.
23 Ver su página web para ver cómo funciona todo.
Su icono de favoritos ahora debería aparecer en la barra de direcciones web y en "Favoritos" en su navegador web.
Consejos y advertencias
- Para obtener consejos sobre la resolución de problemas favicon, echa un vistazo a los siguientes recursos.