Heartize™
Normalmente responde en un día

👋 ¡Hola! ¿Algo en lo que podamos ayudarte? Cuéntanos...

cone
PROMO 11.11 : Lanzamos tu nuevo proyecto con un -25%\ de descuento

Favicon Generator

Generador de Favicon gratuito

Crea tu favicon profesional gratis online
El toque final para que tu nueva página web se vea profesional

Con el Heartize™ generador favicon gratuito puedes de manera sencilla, en solo unos clics crear un favicon profesional para su sitio web. Fácil Sin progama gráfico .
Pruébalo Gratis!




Herramienta Generador de Favicon

El Heartize™ Favicon Generator permite la creación libre y fácil de tus iconos favoritos para tu página web. Hay tres opciones de diseño: puedes diseñar tu favicon en un espacio de 16x16. Crea con el "generador de letra" un favicon con tus iniciales, nombre de tu negocio o pulsa "cargar imagen" para subir el logotipo de tu negocio y deja que se cree uno automáticamente.

Formatos soportados: PNG, JPG, GIF

Cómo añadir el favicon en tu HTML

Una vez que descargues el ZIP con todos los archivos generados (favicon.ico, apple-icon-*.png, android-icon-*.png, ms-icon-*.png), súbelos a la carpeta raíz de tu sitio o donde prefieras. Luego, incluye las siguientes líneas en la sección <head> de tu documento HTML:

                        <!-- Favicon by Heartize™ -->
                        <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
                        <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
                        <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
                        <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png">
                        <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
                        <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
                        <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
                        <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
                        <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">                        

                        <link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png">
                        <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
                        <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
                        <link rel="manifest" href="manifest.json">                        

                        <meta name="msapplication-TileColor" content="#ffffff">
                        <meta name="msapplication-TileImage" content="ms-icon-144x144.png">
                        <meta name="theme-color" content="#ffffff">
                        

Archivos que se generarán:

favicon.ico 16x16, 32x32
android-icon-192x192.png 192x192
apple-icon-57x57.png 57x57
apple-icon-60x60.png 60x60
apple-icon-72x72.png 72x72
apple-icon-76x76.png 76x76
apple-icon-114x114.png 114x114
apple-icon-120x120.png 120x120
apple-icon-144x144.png 144x144
apple-icon-152x152.png 152x152
apple-icon-180x180.png 180x180
ms-icon-70x70.png 70x70
ms-icon-144x144.png 144x144
ms-icon-150x150.png 150x150
ms-icon-310x310.png 310x310



FAQs Favicon Generator



¿Qué es un generador de favicon online?

Con un Favicon Generator online puedes crear fácilmente un favicon para tu página web. Un favicon es un pequeño icono que aparece en la barra de dirección y en las pestañas del navegador. Además, el favicon aparece en la pantalla de inicio de los dispositivos móviles, si los usuarios anclan tu página.

El término “favicon” proviene de la combinación de las palabras en inglés “favorite” (favorito) e “icon” (icono). Hoy en día, ningún administrador de páginas web debería prescindir de un favicon, ya que mejora, entre otras cosas, la velocidad de carga y la identificación inmediata de su sitio.

El favicon creado, ¿se puede descargar gratuitamente?

Sí. En Heartize™ puedes usar nuestro generador de favicon gratis. Después de crear tu propio favicon, solo tienes que hacer clic en “Descargar”. Podrás guardarlo en tu ordenador e integrarlo en tu página web.

Encontrarás los favicons y los iconos de Apps en diferentes formatos, así como un manual con instrucciones y los códigos HTML necesarios para su integración.

¿Cómo funciona exactamente la integración de favicons en WordPress, Joomla y otros CMS?

Para crear e insertar un favicon no son necesarios conocimientos de programación. En la mayoría de los sistemas de gestión de contenidos, hacerlo es muy sencillo.

Por ejemplo, en WordPress, basta con subir el archivo .ico y enlazarlo desde la galería multimedia. Si el CMS no permite esta opción, puedes ubicar el archivo “favicon.ico” en la raíz del dominio y referenciarlo en la sección <head> de tu HTML con <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">.

¿Existen favicons predefinidos que pueda usar?

Sí. Puedes cargar, por ejemplo, el logo de tu empresa en el generador de favicon y editarlo directamente en la herramienta, o bien, crear iniciales desde cero, personalizando el color de fuente y el de fondo.

Una vez que estés conforme con el resultado, puedes descargar el favicon y comenzar a usarlo en tu página web.

¿Con qué otras herramientas se crean favicons?

Si usas el Heartize™ Favicon Generator, no necesitas instalar programas adicionales. Sin embargo, también existen muchas herramientas, como Photoshop o GIMP, que permiten editar imágenes y guardarlas en formato .ico.

Aunque estos programas ofrecen más opciones de edición, pueden ser más complejos o de pago. El generador online, en cambio, es fácil, rápido y te proporciona todos los tamaños de favicon habituales en pocos clics.



Generando favicons...



¡Felices vacaciones!
Oficinas cerradas (7-16 Agosto): Cerramos para volver con + energía.