Estás leyendo...
¿Cómo diseñar e insertar un Favicon?

¿Cómo diseñar e insertar un Favicon?

Paso a Paso de cómo diseñar un favicon

  1. Abrir Photoshop/Illustrator/Corel
  2. 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.
  3. 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.
  4. Guarda el archivo en formato .png
  5. Nombra el archivo favicon.
  6. 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

© 2021 coderina.com. Todos los Derechos Reservados.

Ir Arriba