¿Cómo diseñar e insertar un Favicon?
por: dianacoderina
abril 8, 2017
Paso a Paso de cómo diseñar un favicon
- Abrir Photoshop/Illustrator/Corel
- Crear un archivo de 32×32 Pixeles a 72 dpi de Resolución, Formato RGB. – Si quieres que el icono te sirva para icono de aplicación lo debes guardar en un formato de 512×512 Pixeles.
- Inserta el logo, el icono o la imagen que escojas para el favicon, recuerda que su tamaño es muy pequeño por lo cual debe ser algo que se entienda y se vea a ese tamaño.
- Guarda el archivo en formato .png
- Nombra el archivo favicon.
- Cámbiale la extensión de .png a .ico ó haz click aquí y convierte el archivo.
TIP: Busca un icono relacionado con tu empresa si no puedes usar el logo principal de tu marca. Hay una página excelente donde puedes conseguir muchos iconos gratuitos – http://www.flaticon.com
Instrucciones para insertar el código
Para insertarlo debes Copiar y Pegar el código en la sección de <head> de tu sitio web: <link rel=”icon” href=”/favicon.ico”>
La imagen debe quedar en el directorio principal de la página web.
Si lo vas a insertar en WordPress debes ir a Apariencia – Personalizar – Identidad del Sitio – Icono de Sitio