Cuando se trata de navegar en línea, muchos de nosotros tenemos varias pestañas abiertas mientras chateamos en Facebook. y leyendo las últimas noticias y trabajando. ¿Qué nos ayuda a reconocer instantáneamente un sitio web en particular y movernos rápidamente entre estas pestañas?
El favicon.
Un favicon es el pequeño ícono que representa un sitio web en las pestañas del navegador, barras de navegación, listas de marcadores e incluso el historial de búsqueda. La 'F' dentro de un cuadrado azul para Facebook, el gráfico del sobre para Gmail y la 'Q' roja para Quora son favicons. Si está creando un sitio web y buscando formas de impulsar su marca en línea , crear un favicon para él es una de las mejores decisiones que puede tomar.
Puede que estés pensando que todo eso suena genial, pero no tengo las habilidades de diseño gráfico para crear un favicon personalizado para mi sitio web. Afortunadamente, no necesita ninguno. Eso es porque puede usar un generador de favicon para hacer el trabajo.
En este artículo, le daremos una explicación detallada de qué es un favicon y luego le proporcionaremos una lista de los diez mejores generadores de favicon. Simplemente conecte elementos como el logotipo, el nombre y las imágenes de su empresa, y el favicon de su sitio web estará listo para usar.
OPTAD-3
No espere a que alguien más lo haga. Contrate usted mismo y comience a tomar las decisiones.
Empiece Gratis¿Qué es un favicon?
Un favicon es un pequeño gráfico que suele aparecer en la parte superior de un navegador de Internet. La imagen se coloca en un archivo llamado 'favicon.ico' que pertenece al directorio raíz de un sitio web. Esto ayuda a los navegadores de Internet a determinar qué imagen mostrar junto al nombre del sitio web.
Debido a su pequeño tamaño, un favicon funciona mejor como una imagen simple diseñada para complementar el tema de su sitio web. Aquí está el nuestro:
imágenes gratis para usar en negocios
La mayoría de los navegadores web de escritorio utilizan una imagen de 16 × 16 píxeles para el favicon. Sin embargo, no es raro que algunos navegadores y sistemas de administración de contenido soliciten versiones de 32 × 32 o 48 × 48 o incluso 512 x512.
Esto se debe a que los íconos de página no solo se usan en las pestañas del navegador, sino que también se presentan cuando un visitante marca un sitio web como favorito o guarda un acceso directo a la pantalla de inicio de su dispositivo móvil. En tales casos, los visitantes verán una versión bien escalada del favicon en lugar de una variante de 16 × 16 estirada. Por lo tanto, no existe el mejor tamaño para favicons.
Tradicionalmente, la mayoría de los navegadores mostraban el favicon que estaba en formato .ico. Sin embargo, hoy en día la mayoría de ellos también aceptan formatos de archivo .gif y .png.
Beneficios de usar un favicon
Estas son las principales ventajas de usar un favicon en su sitio web:
Credibilidad
A pesar de su pequeño tamaño, la inclusión de un favicon ayuda a que su sitio web parezca más creíble y profesional. Porque el usuario moderno de Internet tiene la tendencia a juzgar a los emprendedores y empresas en función de diseñado profesionalmente su sitio web es, un favicon personalizado le dará puntos extra de brownie.
Retirada de marca
Los favicons, después del nombre de un sitio web, son lo siguiente que los visitantes suelen relacionar con una empresa. La razón detrás de esto es que ambos aparecen en el navegador cuando alguien visita su sitio web. Dicho esto, un favicon tiene un papel más crítico que el nombre de un sitio web desde la perspectiva de marca . Los gráficos son más memorables y reconocibles que el texto.
Visitas repetidas
Un favicon también puede ayudar aumentar el tráfico mensual a su sitio web. Digamos, por ejemplo, que un visitante tenía prisa la primera vez que abrió su sitio web y decidió marcarlo para una visita futura. Cuando revisen sus marcadores en una fecha posterior, le resultará fácil destacar visualmente en la lista si tiene un favicon reconocible. En pocas palabras, su sitio web tendrá más posibilidades de ser marcado y revisado por los usuarios de los motores de búsqueda.
Ahora que conoce sus beneficios, es hora de crear un favicon para su sitio web. Afortunadamente, existen varios generadores de favicon para ayudarte a crear un ícono personalizado para tu sitio web.
Generador de favicon en línea: las 10 mejores opciones
Fácil de usar y sencillo, este generador de favicon le permite crear un icono personalizado en cuestión de minutos. Todo lo que necesita hacer es enviar una imagen .svg, .jpg o .png que sea260 × 260 y la herramienta hará el resto.
RealFaviconGenerator.net le permite generar imágenes de favicon para Mac y navegadores de escritorio, dispositivos Android, tabletas con Windows 8, iPad / iPhone y más.
También puede verificar la apariencia de su ícono existente con este generador de favicon. Simplemente ingrese la dirección de su sitio web o URL en el campo vacío y haga clic en el botón 'Verificar favicon' para obtener un informe sobre cómo se muestran sus íconos en varios problemas.
Si hay un problema, simplemente puede resolverlo con las recomendaciones proporcionadas. Si lo hace, lo ayudará a mejorar la visibilidad general de su marca.
Favic-o-Matic es un generador de favicon diverso que ofrece dos tipos de conversión diferentes. Puede crear iconos para todas las plataformas de forma gratuita o crear archivos .ico de 32 × 32 y 16 × 16 píxeles.
El generador también tiene muchas configuraciones avanzadas. Puede, por ejemplo, usar las opciones de mosaicos de metro para preestablecer el tamaño de su favicon. También puede elegir un color de fondo específico, así como ingresar una URL de fuente RSS.
Una vez que haya configurado los ajustes, solo necesita cargar una imagen y esperar el resultado. La herramienta en línea también le proporcionará el código HTML necesario para cargar el favicon en su sitio web.
Esta herramienta es tanto un generador de favicon como un creador. Puede usarlo para importar un gráfico para diseñar su favicon desde un logotipo prefabricado o diseñar un icono desde cero.
También puede modificar los tonos de sus clics, por lo que no debe preocuparse por tener ciertos colores al principio. La herramienta muestra los favicons más recientes y mejor calificados creados por otros usuarios, que pueden brindarle algo de inspiración.
¿Cómo se vuelve a programar una imagen?
Favicon.cc incluso te permite crear favicons animados. Puede publicar estos iconos bajo la licencia Creative Commons (CC). Además, puede descargar su icono en formato de archivo .ico para mostrarlo en la barra de direcciones de cada navegador de Internet.
Favicon-Generator viene con una extensa biblioteca de favicons prediseñados que puede usar para su sitio web. Puede buscar diferentes iconos basados en colores, letras o palabras clave.
Alternativamente, puede cargar su propio gráfico en formato .jpg, .gif o .png y convertirlo en un archivo .ico. Este generador de favicon te permite crear iconos para la web, así como para aplicaciones de Microsoft, iOS y Android.
Aunque no le ofrece muchas formas de editar un icono, Favicon-Generator creará el HTML necesario para que su favicon se muestre en su sitio web.
Xiconeditor es una herramienta increíble para usar si está buscando una forma rápida y fácil de crear un favicon en línea. Viene con una herramienta de lápiz, una herramienta de pincel, una herramienta de texto, una goma de borrar y muchas otras funciones que puede utilizar para crear un icono único.
Si no desea comenzar desde cero, puede cargar una imagen que le guste y recortarla directamente en el generador. También puede obtener una vista previa de su diseño antes de descargarlo para saber exactamente cómo se verá en los navegadores web.
La herramienta también le permite jugar con la tolerancia, la configuración alfa y el color. Una vez que esté satisfecho con el resultado, simplemente obtenga una vista previa y exporte su imagen de favicon en el formato de archivo .ico.
Este generador de favicon es extremadamente fácil de usar. Todo lo que necesita hacer es cargar una imagen y recortarla usando la herramienta Cortar y Vista previa de Genfavicon. Una vez que esté satisfecho con los resultados, guarde el archivo en formato .ico y estará listo.
El aspecto intrigante de esta herramienta es que le permite obtener una vista previa del icono en vivo. Esto puede darle una idea clara de cómo se verá el icono en un navegador de Internet.
Los tamaños que Genfavicon acepta para la imagen son16x16px, 32x32px, 48x48px, 64x64px y 128x128px.
Antifavicon es diferente de las otras herramientas de esta lista en que no depende de imágenes para generar favicons. En su lugar, utiliza entradas basadas en texto para crear iconos de alta calidad para los propietarios de sitios web.
Hay dos campos de texto en la página de inicio de la herramienta donde puede escribir qué números o letras desea en su favicon. Además, puede utilizar el selector de color para modificar el color del texto y el fondo del favicon.
Aunque las funciones de edición son algo limitadas, Antifavicon es una buena opción para las personas que necesitan un icono rápido y sencillo y no tienen el tiempo, el presupuesto o las habilidades para ello.
Este es otro gran creador de faviconos para convertir imágenes .jpg, .gif y .png en un archivo .ico. Puede usarlo para convertir gráficos en favicons, íconos de aplicaciones e íconos de escritorio en cuestión de segundos.
La herramienta le permite seleccionar el tamaño de la imagen antes de convertir, que van desde16x16px a 128x128px. Los principiantes también pueden beneficiarse de las instrucciones proporcionadas en el sitio web de la herramienta.
En general, FavIcon.pro ofrece una forma rápida de convertir cualquier imagen de su PC en un favicon eficaz para su sitio web.
Este generador de favicon le permite crear iconos tanto para uso comercial como personal. Puede usarlo para convertir gráficos .gif, .jpeg, .png y .jpg existentes en archivos .ico. El código de la herramienta se actualiza con frecuencia para mantenerse al día con las últimas técnicas de JavaScript, CSS y HTML.
La imagen debe tener unas dimensiones perfectamente cuadradas y un tamaño máximo de 2 MB. Los tamaños que acepta Favicongenerator.com son16x16px, 24x24px, 32x32px, 48x48px y 64x64px.
Para crear un favicon, simplemente seleccione una imagen para cargar, elija el tamaño deseado y luego haga clic en 'Crear favicon'. Las instrucciones en pantalla también están disponibles para ayudarlo a agregar el favicon a su sitio web.
Además de todo eso, Favicongenerator.com tiene una sección de preguntas frecuentes donde puede aprender a crear un favicon de retina que funcione en dispositivos Apple.
Webestools.com ofrece un generador de favicon gratuito que le permite cargar una imagen y editarla directamente dentro de la herramienta. También puede utilizar las herramientas de color del sitio web para diseñar un favicon desde cero. El generador ofrece un editor de apuntar y hacer clic que puede ayudarlo a lograr los resultados deseados.
Puede elegir entre 16px o 32px para la salida. También puede obtener una vista previa del diseño para ver cómo se ve su favicon real. Si está satisfecho con el resultado, puede hacer clic en el botón 'Descargar' para descargar el favicon en formato .ico.
Además, Webestools le presenta un código HTML que puede usar para colocar el favicon en su sitio web. Simplemente siga las instrucciones presentes en la página de inicio del generador y tendrá un favicon en vivo en poco tiempo.
Cómo agregar un favicon a su sitio web
Ahora que ha creado un favicon, es hora de ponerlo en funcionamiento subiéndolo a su sitio web. Si usa WordPress, puede hacerlo con el Personalizador oa través de un complemento Todo en uno Favicon . La forma alternativa es agregarlo manualmente siguiendo los siguientes pasos:
cómo hacer crecer una cuenta de instagram
- Inicie sesión en su administrador de FTP ( ftp: //nombredeusuario@susitio.com)
- Sube el archivo .ico al directorio raíz de tu sitio web (/ wp-content / themes / your-theme-folder)
- Abra el archivo function.php o header.php y coloque el siguiente código debajo de la etiqueta del encabezado:
>
La URL después href = debe reemplazarse con la ruta a su icono.
Por lo general, el proceso es mucho más fácil para los sitios web creados en plataformas de comercio electrónico. En Shopify , por ejemplo, solo necesita abrir 'Configuración del tema' desde su panel, cargar el favicon y hacer clic en Guardar. A continuación se muestra un video que demuestra lo fácil que es para los propietarios de tiendas Shopify.
Si siguió los pasos correctamente, su favicon debería aparecer en el navegador web cada vez que alguien abra su sitio web.
Conclusión
Es posible que los favicons no sean el elemento de marca más importante de su sitio web, pero son fáciles de hacer y ofrecen una variedad de beneficios. Este pequeño gráfico representa su negocio donde no hay espacio para su logotipo o título para hacerlo. Además, le da a su sitio la ventaja adicional que necesita para destacarse en una ventana de navegador abarrotada.
Entonces, no te olvides de esta pequeña pero poderosa imagen. Utilice uno de los generadores de favicon de la lista anterior para crear uno para su sitio web. Aprovechando las funciones simples, incluso los no diseñadores pueden crear un favicon que mejore la usabilidad de su sitio web al entregando una gran experiencia de usuario para las personas en todas las plataformas.
¿Qué generador de favicon estás más ansioso por probar primero? Háganos saber en los comentarios a continuación.
