Crea un favicon para tu sitio web

Crea un favicon para tu sitio web

Es posible que haya notado que los íconos aparecen en cada una de sus pestañas en su navegador web y se pregunta cómo podría hacer lo mismo para su sitio web, o cambiar el que parece mostrar un ícono que refleja mejor la identidad ¿su página web? En este nuevo tutorial, explicamos cómo crear y configurar su propio favicon.

La utilidad del favicon

Los favicons aparecieron por primera vez en Internet Explorer 5. Aunque no son necesariamente esenciales, los favicons son una buena adición a cualquier sitio web. Aportará una imagen limpia y profesional a su sitio. Ayudará a los usuarios de Internet a identificar rápidamente su sitio entre las distintas pestañas abiertas en su navegador de un vistazo. También aparecerá en la lista de favoritos de tus usuarios e incluso te ayudará a mejorar un poco tu SEO. Finalmente, el favicon será el primer indicador visual del usuario cuando la página tarde un poco más en cargarse de lo habitual. Como ves, el favicon es ante todo un elemento visual que mejora la experiencia del usuario.

Crea un favicon con Photoshop

Hay varias herramientas para crear un favicon y todo dependerá de lo que quieras. Para una máxima simplicidad, puede optar por utilizar herramientas en línea o Photoshop directamente. Obtendrá rápidamente su favicon y luego podrá integrarlo en su sitio web.

Diseño plano

Otra solución, en cuanto a iconos de diseño plano, Photoshop es una solución ideal para hacer tu favicon. Luego trabaje en un formato cuadrado que exportará en .png, .gif o incluso .jpeg para cumplir con los requisitos de la mayor cantidad de navegadores. Si alguna vez se prefirió el formato .ico propietario de Windows, no tiene que hacerlo ahora. Sin embargo, puede convertir fácilmente su imagen a este formato si lo desea utilizando herramientas en línea. como éste.

Inicie Photoshop en la versión de 32 bits y cree un nuevo documento de 16px / 16px en 72 dpi

Crea tu icono. Recuerde, su favicon debe mantenerse simple debido a su pequeño tamaño. Así, se evitan textos, líneas finas o imágenes con demasiado detalle para obtener un resultado visualmente equilibrado.

Inserta tu nuevo favicon en tu sitio web

El último paso ahora, todo lo que tiene que hacer es integrar su favicon recién hecho a su sitio web. Para hacer esto, primero colóquelo en la carpeta de imágenes de su sitio web en su servidor. Luego solo debes incluirlo en el archivo header.php de WordPress o entre las etiquetas <head> et </head> de su sitio web usando la etiqueta <link rel="icon" type="image/png" href="https://www.tutsps.com/post/2017/04/30/creer-un-favicon-pour-votre-site-web/favicon.png">data-rel = «lightbox-0» title = «»>.

Rate this post

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio