Creando favicon ico. Colecciones de Favicon confeccionadas. Una selección de generadores, colecciones y galerías de favicons online.

Un favicon es una pequeña imagen que aparece en una pestaña del navegador. Los favicons también se pueden ver en los marcadores del navegador; esto se hace para que el usuario pueda encontrar rápidamente el sitio deseado. A pesar de su pequeño tamaño, el favicon es claramente visible y acelera significativamente la búsqueda de un sitio o página web. Por primera vez, la posibilidad de colocar un icono junto al nombre del sitio apareció en 1999 en el navegador Internet Explorer 5. Al mismo tiempo, se determinó el tamaño mínimo del favicon: 16 por 16 píxeles. Con el tiempo, este tamaño se convirtió en el estándar y hoy en día es difícil imaginar un sitio web creado profesionalmente que no tenga un favicon.

Cualquier imagen rasterizada es adecuada para crear un favicon. Lo principal es que sea bastante conciso, ya que es difícil colocar una imagen compleja y con muchos detalles en un cuadrado de 16 por 16 píxeles. Una vez seleccionada una imagen, puedes usar uno de los muchos generadores de favicon y terminar con un ícono en formato ISO. Este formato es un estándar, aunque casi todos los navegadores populares admiten los formatos PNG, JPEG y GIF. el sitio le llama la atención sobre los 10 mejores generadores de favicon.

Un generador de favicon muy fácil de usar. El usuario sólo necesita seleccionar la imagen deseada y hacer clic en el botón Generar Favicon. El tamaño de la imagen no debe exceder los 150 kilobytes. Después de esto, el favicon debe colocarse en el directorio raíz del sitio y la línea de código generada debe colocarse en cualquier lugar entre Y. Usando este generador puedes crear íconos en formatos JPG, GIF y PNG.

Este generador en línea convierte imágenes JPG, GIF y PNG al formato ISO. No hay restricciones sobre el tamaño del archivo cargado. Puedes crear favicons con tamaños de 16 por 16 y 32 por 32 píxeles.

El generador de favicon de Faviconmatic crea íconos en una variedad de tamaños. Si de repente necesita generar un ícono grande, por ejemplo, de 64x64 píxeles, existe esa oportunidad. Pero, por supuesto, es mejor atenerse a las normas. Según los creadores del sitio, el generador convierte muy bien imágenes que se muestran perfectamente en todos los navegadores. Usar el sitio es muy simple: solo necesita hacer clic en el botón para cargar la imagen y seleccionar el archivo deseado. El tamaño mínimo de una imagen cargada es de 32 por 32 píxeles.

Con este generador, puede crear favicons cargando imágenes desde su computadora o Internet. Los usuarios también tienen la oportunidad de dibujar ellos mismos un icono: el sitio tiene un editor en línea. Para comenzar, debes seleccionar un color de fondo y luego editar los píxeles, pintándolos con colores que contrasten con el fondo. Una vez creado el icono, podrá ver cómo se verá en la pestaña. Si el resultado es satisfactorio, entonces el usuario sólo tiene que seleccionar el tamaño del favicon (16x16 o 32x32 píxeles) y hacer clic en el botón Descargar. El generador creará un favicon en formato ICO.

El generador en línea gratuito Freefavicon crea favicons a partir de imágenes rasterizadas en formato GIF, PNG y JPEG. Los creadores de esta herramienta recomiendan utilizar imágenes simples para crear íconos, ya que los logotipos y gráficos complejos no se muestran bien. También se recomienda utilizar imágenes cuadradas, ya que al escalar la imagen se distorsiona. Después de seleccionar el archivo deseado, debe hacer clic en Favicon Go! y descargue un archivo zip con un favicon. Entonces todo es como de costumbre: la imagen está en la raíz y una línea de código entre Y.

El generador Favicon.pro convierte archivos JPG, PNG y GIF en ICO. El usuario puede crear iconos de 16x16, 32x32, 48x48, 64x64 y 128x128 píxeles.

A diferencia de otros generadores, el sitio no tiene la capacidad de crear un favicon cargando una imagen desde una computadora o Internet. Aquí el usuario puede establecer el color de fondo y escribir el nombre de su sitio. Vale la pena señalar que el generador genera íconos muy claros: incluso las fuentes pequeñas, de 6 píxeles de alto, son legibles. El sitio también proporciona información muy valiosa que será muy útil para los desarrolladores web principiantes. Hay enlaces a convertidores de imágenes, generadores de texto aleatorio y fractal, y mucho más.

El generador de favicon de Favicon.com tiene un diseño extremadamente minimalista. Se solicita al usuario que cargue una imagen, la recorte y descargue el icono terminado.


Con el generador Favicon.cc, puede crear no solo favicons estáticos, sino también animados. Puedes dibujar el ícono tú mismo o convertir cualquier imagen a ISO. Si el usuario no tiene idea de cómo debería verse el ícono, puede consultar la galería de los mejores favicons, que está disponible en el sitio.

(abreviatura del inglés "ícono de favoritos" - "ícono de favoritos"). Suele tener un tamaño estándar (16x16, 32x32, 48x48, 64x64, 128x128) y una extensión .ICO, aunque algunos navegadores también admiten extensiones .GIF y .PNG.

En esta revisión, veremos 15 herramientas que le permitirán sin esfuerzo crea favicons hermosos y elegantes. son todos perfectos gratis, a pesar de que muchos de ellos cuentan con funciones propias de productos premium.

xIconeditor

Xiconeditor es un completo editor de favicon. Te permite subirlos como prototipo y cambiarlos a voluntad. Existen herramientas básicas típicas de los editores gráficos: lápiz, pincel, cuentagotas para elegir colores. Se puede ajustar la transparencia del color. La vista previa le permite evaluar cómo se verá el icono en la barra de direcciones y en la pestaña del navegador, así como en la barra de tareas de Windows.

faviconby

Doméstico servicio de creación de favicon. Le permite generar un archivo .ico a partir de una imagen terminada y dibuja tu propio icono usando una cuadrícula de píxeles.

Favicon.cc

Muy popular editor en línea para crear favicon. Su característica distintiva es la capacidad crear favicons animados. Las herramientas estándar incluyen un lápiz, un cuentagotas y la capacidad de controlar la transparencia del color. La vista previa le permite evaluar cómo se verá el favicon en la barra de direcciones del navegador.

Generador de favicones

Con el generador de favicon, puede crear un favicon a partir de cualquier imagen o elegir entre una galería de soluciones listas para usar. Puedes buscar favicons ya preparados por combinación de colores. El resultado que obtienes es una ICO de tamaño 16x16, o un archivo zip con un conjunto completo de íconos para diferentes sistemas (web, Android, Microsoft e iOS) y diferentes tamaños. No hay vista previa de los resultados, por lo que no podrás evaluar la calidad de las imágenes resultantes antes de descargarlas.
Además del generador de favicon, los desarrolladores también ofrecen un editor gráfico que tiene las herramientas básicas para crear una imagen y proporciona una vista previa de los resultados directamente durante el proceso de dibujo.

Genfavicon

Una herramienta muy fácil de usar: cargue una imagen (o pegue un enlace), seleccione uno de los tamaños apropiados (16x16, 32x32, 48x48 o 128x128) y, si le gusta la imagen en la ventana de vista previa, guarde el resultado en tu computadora. Todo lo que queda es colocar el archivo resultante en el directorio raíz de su sitio, agregarle un enlace en el título de la página y sus páginas tendrán su propio ícono.

Prowdraw

Gratis en línea Producto para convertir cualquier imagen en favicon.. Admite la descarga de imágenes en formato JPG, GIF, PNG, BMP y TIF. El resultado genera un archivo ICO de uno de los cuatro tamaños seleccionados (16x16, 32x32, 48x48, 128x128) con cuatro niveles de nitidez diferentes. Los cuatro se muestran en la página de resultados para que pueda comparar y elegir el resultado más adecuado para descargar.

Generador de favicon de unidad dinámica

Extremadamente herramienta sencilla para crear favicon a partir de una imagen existente. Formatos de entrada admitidos: gif, jpg, png y bmp (la transparencia se admite en gif y png). Además del tamaño estándar de 16x16, puede generar íconos de Windows de tamaños 48x48 y 32x32. No hay configuraciones adicionales, sin embargo, además del generador de favicon, el desarrollador también ofrece un producto separado: un editor de favicon para crear íconos desde cero.

favicomatic

Además de generar iconos de una amplia variedad de tamaños, este "cuidadoso" generador de favicon también crea un fragmento de código para insertarlo en las páginas del sitio (puede especificar la dirección de su sitio para generar el enlace correcto) y brinda la posibilidad de guardar un archivo con los resultados de su trabajo directamente en Google Drive.

favicon

Todas las instrucciones para usar esta herramienta se encuentran en el subtítulo del sitio: cargue una imagen, recórtela y descargue el favicon resultante en formato ICO o PNG. No hay más herramientas que recortar.

Icono favorito Pro

Otro simple y directo. herramienta para crear favicons. Convierte una imagen en formato JPG, GIF, PNG en un archivo ICO de uno de los siguientes tamaños: 16x16, 32x32, 48x48, 64x64, 128x128. Junto al enlace de descarga podéis ver el resultado.

Freefavicon

Aparentemente, inicialmente el sitio web Freefavicon también funcionaba según el principio de un generador de iconos a partir de un archivo existente: cargue cualquier archivo gráfico y reciba como resultado un archivo ICO listo para usar. Sin embargo, ahora los creadores del sitio también ofrecen un editor gráfico completo, IconMaker, que contiene todas las herramientas necesarias para crear un favicon desde cero, incluida la posibilidad de utilizar una imagen terminada como prototipo.

Sinceramente, me encanta el favicon. Siento un amor platónico profundo e igualmente casto por él. Esto no significa que les cuente a mis compañeros webmasters historias sobre cómo cambié el favicon y el tráfico aumentó en un 10% (aunque espera... tal vez eso sucedió), pero sí significa que cuando el favicon de mi nuevo sitio aparece en la Índice de Yandex, el sitio en sí está empezando a parecerme un poco más SDL.

¿Qué es un favicon?

Favicon (Favicon – abreviatura de “icono favorito”) es una imagen que se muestra en la barra de direcciones del navegador antes de la dirección, en la pestaña correspondiente a la ventana con la página abierta del sitio, así como al agregar un recurso al pestañas de favoritos. Estas imágenes pueden ayudar al usuario a recordar mejor la marca o empresa y aumentar el reconocimiento del sitio. A menudo, se utiliza como favicon una imagen reducida o ligeramente alterada del logotipo de una empresa o marca.

Beneficios de usar un favicon

Usar un favicon trae beneficios con el tiempo. Por ejemplo, consulte estas opciones:

  • Cuando un usuario abre muchas pestañas en el navegador, puede determinar inmediatamente en cuál de ellas se encuentra el sitio, incluso si el texto con el nombre ya no se muestra;
  • En los resultados de búsqueda de Yandex, el favicon se muestra a la izquierda del sitio o de su página, lo que atrae la atención de los visitantes y lo distingue de los demás;
  • La imagen se recuerda bien y permanece en la memoria; como resultado, el sitio se vuelve más reconocible y atractivo para los usuarios.

Por lo tanto, un favicon es parte de la imagen del sitio, que cumple no solo una función estética, sino que también hace que sea más conveniente para el usuario buscar el portal en marcadores, pestañas y resultados de búsqueda.

Características de Yandex trabajando con favicons

El motor de búsqueda Yandex es uno de los pocos que resalta los favicons del sitio y los muestra al crear una lista de resultados de búsqueda. Para hacer esto, un bot especial indexa periódicamente los sitios y actualiza información sobre la presencia de favicons.

Anteriormente, las actualizaciones de favicon se producían una vez cada dos meses. Ahora, en 2018, Yandex los indexa mucho más vigorosamente y en algunos de mis nuevos sitios el favicon aparece a los pocos días.

Para comprobar si Yandex muestra un favicon, puede encontrar su portal en la lista de búsqueda y ver si el icono está visible a su izquierda. También puede ingresar la siguiente construcción en la barra de direcciones: para Yandex: http://favicon.yandex.net/favicon/www.site.ru (donde en lugar de www.site.ru debe escribir el dominio de su sitio ). Un Favicon creado correctamente se mostrará sobre un fondo negro, lo que significa que Yandex lo ve.

Si el favicon no está visible, esto puede deberse a los siguientes motivos:

  • El tamaño de la imagen no corresponde al tamaño requerido: 16x16 píxeles;
  • El formato de la imagen no es el mismo: debe ser ico, jpeg o png (la primera opción es más preferible para Yandex);
  • La imagen está borrosa o no es única; a veces, por estas razones, el motor de búsqueda bloquea los íconos;
  • Yandex está actualizando el sistema; luego, después de un tiempo, todo debería corregirse solo;
  • El sitio se encuentra más allá de la centésima posición en los resultados de búsqueda; en este caso, es posible que tampoco se muestre el favicon.

Después de comprobar la imagen de acuerdo con estos criterios, es necesario corregir las deficiencias. Si después de esto no se muestra el icono, puede ponerse en contacto con el soporte de Yandex.

Para que un favicon se muestre en Yandex.Direct, debe estar diseñado correctamente y ubicado en el lugar correcto del sitio. Luego, el robot de búsqueda Yandex lo indexará y comenzará a mostrarlo en los resultados de búsqueda. Esto suele ocurrir entre 2 y 4 semanas después de que el sitio se publica con cambios. No es necesario notificar ni pedir a Yandex que publique el favicon; esto sucederá automáticamente después de un cierto tiempo después de su aparición en el portal.

Cómo crear un favicon

Si desea crear un archivo ico a partir de una imagen grande en un formato, por ejemplo, png, sería una buena idea instalar Adobe Photoshop primero. Luego se instala el complemento ICO para Photoshop (busque el complemento para su versión de FS en un motor de búsqueda). Cuando esté instalado, copiamos el archivo deseado ICOFormat.8bi (para 32 bits) o ICOFormat64.8bi (para 64 bits) a una de las siguientes rutas:

C:\Archivos de programa\Adobe\Adobe Photoshop CS6 (64 bits)\Complementos\Formatos de archivo
C:\Archivos de programa (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\Formatos de archivo

Si no hay una carpeta de “Complementos” o “Formatos de archivo”, entonces deberá crearla. Ahora, en el cuadro de diálogo de guardar, puede seleccionar el formato ico. Los tamaños de los íconos creados pueden ser múltiplos de 8 (16×16, 24×24, 32×32, etc., pero lo más confiable es elegir 16×16).

La imagen que se convertirá en el favicon se abre en Photoshop. Haga clic en "Imagen - Tamaño de imagen" y el tamaño de la imagen cambiará a 16x16 píxeles. Luego presione "Archivo - Guardar como" y seleccione el formato ICO (el nombre del archivo debe ser favicon.ico).

Yo mismo he estado convirtiendo recientemente imágenes a formato ico sin Photoshop. Usando el servicio https://realfavicongenerator.net/.

< link rel = ”shortcut icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ >

< link rel = ”icon ”href = ”/ favicon . ico ”type = ”image / x - icon ”/ >

Después de un tiempo, el favicon aparecerá en el sitio.

Algunas personas inteligentes crean un favicon en forma de flecha, triángulo y agregan elementos rojos para que el usuario haga clic. Esto, por supuesto, se puede hacer, pero para ello el sitio se puede bajar artificialmente.

Yandex asusta a los fanáticos de los favicon

Al diseñar un icono, tenga en cuenta que la imagen debe ser clara y claramente visible, a pesar del pequeño formato. Por lo tanto, es mejor utilizar la menor cantidad posible de objetos individuales y no demasiados colores. Puedes mirar los favicons de tus competidores y pensar en cómo diferenciarte de ellos.

Servicios

También existen programas y recursos especiales para crear iconos, entre los que son populares los siguientes:

  • favicon.cc: el editor más simple le permitirá crear una imagen simple, el principio de funcionamiento es un poco como Paint. También se seleccionan los colores y se realiza un dibujo haciendo clic en los cuadrados de píxeles sobre los que es necesario pintar. Hay una herramienta de reparación. La imagen creada también se puede guardar en su computadora como una imagen de favicon terminada. Mientras trabaja, en la parte inferior de la pantalla podrá ver el resultado preliminar en el formulario en el que se mostrará en el navegador. El recurso también ofrece una gran selección de iconos ya preparados;
  • favicon.ru – aquí es mejor crear favicons a partir de imágenes ya preparadas. La imagen se descarga de la computadora, el sistema la procesa y la convierte en un archivo favicon.ico, que luego se puede descargar;
  • iconj y audit4web son bases de datos donde puede encontrar favicons ya preparados.

También existe un servicio de este tipo:

Puede recurrir a un diseñador para que desarrolle la imagen, pero esto le costará mucho más.

Otro punto es que la imagen del icono no se puede animar, siempre está inmóvil, incluso si se utilizó como base una imagen con efectos no estáticos.

Saludos queridos visitantes de mi blog. Hoy he preparado para ti una selección de 10 servicios que te ayudarán a crear un favicon online. Y también al final del artículo destaqué los 5 sitios más convenientes, en mi opinión.

Para empezar, ¿vale la pena entender qué es un favicon? Creo que muchos de vosotros estáis familiarizados con este concepto, pero os lo repetiré. En una palabra, este es el ícono de su sitio. Al buscar en Yandex, vio un pequeño ícono de 16x16 al lado del sitio, por lo que este es un favicon. También se puede ver en la barra de direcciones y en los marcadores de algunos navegadores.

Esta pequeña imagen es ante todo tu marca. La gente reconocerá su sitio por él. Por lo tanto, debe ser original y memorable para que sea inmediatamente visible en las búsquedas de Yandex. Es difícil dibujar un ícono tan pequeño usted mismo, y los servicios en línea vienen al rescate para ayudarlo a crear un favicon a partir de una imagen. Veamos algunos de ellos en orden e identifiquemos sus fortalezas y debilidades.


    • Cómodo de usar.
    • Es posible crear un favicon a partir de una imagen o dibujarlo usted mismo.
    • Puedes realizar pedidos a profesionales.
    • Vista previa del resultado resultante.
    • Creo que no hay ninguno, todo lo que necesitas está disponible en el sitio, solo puedo resaltar que no hay una galería de íconos listos para usar.

    • Puedes crear uno a partir de una imagen o dibujarlo tú mismo.
    • Después de la generación, se muestra un ejemplo de un enlace para agregar al sitio.
    • Todo está en inglés.
    • Diseño feo.
    • Es imposible recortar una imagen al crearla.
  1. 3 www.Chami.com


    • Hermosa interfaz fácil de usar.
    • Es posible crear un favicon a partir de una imagen o dibujarlo usted mismo.
    • Amplia paleta de colores para dibujar.
    • Sin vista previa.
    • Todo está en inglés.
    • No hay una galería de íconos listos para usar.

    • Interfaz amigable.
    • Nada extra.
    • No hay una galería de íconos listos para usar.
    • Imposible dibujarlo tú solo.
    • No puede recortar la imagen durante la generación.

    • Hermosa interfaz conveniente.
    • Nada extra.
    • Es posible dibujarlo usted mismo o generarlo a partir de una imagen.
    • Hay una galería de iconos ya preparados.
    • Puedes mantener el tamaño del icono al crearlo o comprimirlo.
    • Avance.
    • Puedes hacer un ícono animado.
    • Una gran cantidad de colores para pintar.
    • Todo está en inglés.

    • Hay una opción de tamaños de íconos de 16×16 y 32×32.
    • No hay funciones adicionales, solo crear un favicon a partir de una imagen.
    • Sin vista previa.

    • Avance.
    • Gran colección de iconos listos para usar.
    • Es posible recortar la imagen.
    • Todo está en inglés.
    • Hay errores en el sitio.
    • Interfaz incómoda.

    • Puede elegir el tamaño del icono entre 16×16, 32×32, 48×48 y 64×64.
    • Todo está en inglés.

    • Nada extra.
    • Es posible seleccionar el tamaño del icono.
    • Puedes dibujarlo tú mismo o crear un favicon en línea a partir de una imagen.
    • No hay opción para recortar la imagen.
    • Sin vista previa.

Sólo te presenté 10 servicios online, aunque hay muchos más. En mi opinión, estos son los más populares entre todos. Si usas otros, escríbelos en los comentarios, a mí y a otros lectores nos interesará conocerlos.

Y ahora, como prometí, el TOP 5 de servicios convenientes y de alta calidad, en mi opinión.

Estos son mis cinco primeros. Quiero saber ¿qué servicio pondrás primero y cuál último? Estaré encantado de escuchar respuestas en los comentarios.

PD Si aún no ha creado un favicon para usted, asegúrese de visitar el sitio web. Faviconka.ru. En él encontrará más de 2000 iconos listos para usar para todos los gustos. Espero que el artículo te haya resultado útil y hayas encontrado tu servicio para hacer un favicon online.

Hola, queridos lectores del blog. La conversación en el artículo de hoy será sobre los llamados íconos Favicon.ico. Descubriremos qué es un favicon, por qué debe instalarlo en su sitio web y cómo crear usted mismo un icono del tamaño requerido.

En principio, para crear un favicon no es necesario utilizar ningún generador especial en línea, aunque es bastante cómodo y sencillo. Puedes intentar hacerlo en Photoshop, pero de forma predeterminada, desafortunadamente, no puede guardar imágenes en formato ICO. Por lo tanto, para enseñarle a Photoshop a trabajar con ICO, necesitará instalar un complemento especial.

Pero si no se siente cómodo con Photoshop (ni tampoco con él), le resultará mucho más conveniente utilizar uno de los muchos servicios en línea que se enumeran a continuación. Además, en algunos de ellos podrás dibujar un nuevo icono completamente desde cero, y en otros podrás convertir una imagen que ya tienes (que te convenga) a formato favicon.

Bueno, la opción más sencilla es descargar la colección Favicon desde alguna galería o catálogo online. Lea a continuación dónde puede conseguirlos.

Cómo crear un Favicon en línea y dónde puedes descargar una colección de ellos

Permítanme primero dar ejemplos de servicios (los llamados generador de favicones), donde puede, sin ninguna habilidad especial, diseñar un minilogotipo completamente decente para su sitio web, o al menos convertir automáticamente una imagen adecuada al formato requerido para cargar un favicon en el sitio.

  1. Faviсon.cc— un generador de favicon en línea bastante conveniente. Usándolo podrás, por ejemplo, crear tu propio icono desde cero (completamente exclusivo), dibujándolo píxel a píxel. Para hacer esto, deberá hacer clic en el botón "Crear nuevo Favcon" en el lado izquierdo de la ventana del servicio.

    En el centro de la página del generador hay un área donde cada cuadrado es un píxel de tu futuro favicon. Tu tarea es pintar estos cuadrados con diferentes colores. Para pintar un cuadrado con un color, debe marcar la casilla en el lado derecho de la ventana de servicio en el campo "Selector de color", seleccionar el color deseado de la paleta ubicada allí y hacer clic en el cuadrado deseado. Para eliminar el sombreado incorrecto, marque la casilla "transparente" y haga clic en el cuadrado, como resultado de lo cual se volverá incoloro (transparente).

    Para mover un píxel a través del lienzo del generador, deberá marcar la casilla "mover". Puedes ver el resultado de tu trabajo a escala real en el área "Vista previa" debajo del lienzo. Si el Favicon que creó le conviene, haga clic en el botón "Descargar" para guardarlo en su computadora. Como resultado, recibirá un archivo gráfico que luego podrá descargar y cargar en el servidor de alojamiento.

    Ahora ya sabes cómo hacer un mini logo para tu sitio web desde cero. Pero si no tienes talento gráfico, puedes utilizar el servicio de generador en línea. sube cualquier imagen para el futuro favicon, que servirá como espacio en blanco. La imagen puede ser absolutamente de cualquier tamaño y formato. Para cargar el archivo de icono al servicio en línea, deberá hacer clic en el botón "Importar imagen" en el lado izquierdo de la ventana del servicio.

    En la ventana que se abre, haga clic en el botón "Examinar" y busque una imagen adecuada en su computadora. Luego elige qué hacer con la relación de aspecto de tu imagen al convertirla a 16 por 16 (cuadrado). Esto es cierto si la imagen que subes no es cuadrada. En este caso, son posibles dos opciones: dejar la relación de aspecto sin cambios (Mantener dimensiones) o convertir la imagen a una vista cuadrada (Reducir a icono cuadrado). En el segundo caso, la imagen del futuro favicon se distorsionará según uno de los ejes.

    Para cargarla en el generador en línea y convertir su imagen, deberá hacer clic en el botón "Cargar". El Favicon.ico creado a partir de él será editable de la misma manera que el que dibujaste. Cuando termines de trabajar en tu obra maestra, haz clic en el botón "Descargar" para descargarla a tu computadora.

    Este servicio en línea también tiene la oportunidad de utilizar colecciones de favicons creadas por otros usuarios y puestas a disposición del público. Para ver las exhibiciones disponibles en la galería, deberá hacer clic en el lado izquierdo de la ventana en el botón "Últimos Favicons" para ver las colecciones ordenadas por fecha de creación, o en el botón "Mejores Favicons" para ver galerías ordenadas por calificación.

  2. favicon.ru- alguna vez este servicio fue mucho más simple que el generador en línea descrito anteriormente, pero recientemente se ha convertido casi en su análogo, pero solo en ruso. Favicon.ru no sólo te permite convertir cualquier imagen que tengas (en tu computadora o en Internet) al formato ICO con un tamaño de 16 por 16 píxeles, sino que también te permite dibujarla desde cero, píxel a píxel.

    Esta versión del generador de favicon en línea es notable, quizás, solo porque es nacional. Por eso terminó en este artículo. Entonces, para trabajar con él, debe hacer clic en el botón "Seleccionar archivo" en la parte superior de la página principal y especificar la ruta a la imagen deseada en su computadora. La imagen descargada y convertida al formato Favicon.ico se puede corregir y luego guardar en su computadora. Todo es simple y conveniente.

  3. logaster.ru es un generador de logotipos en línea, pero además de logotipos, también crea un favicon. A diferencia de todos los demás servicios, no es necesario dibujar un diseño de favicon ni convertirlo en un logotipo.

    Para crear un favicon, primero debe ingresar el nombre del sitio o empresa y seleccionar el tipo de actividad. El servicio ofrecerá varias docenas de plantillas de favicon listas para usar. Puedes leer más sobre cómo crear un favicon. Después de crear Favicon.ico, puedes descargar el archivo a tu computadora en formato ICO o PNG.

Después de eso, todo lo que tienes que hacer es hacer clic en el botón "Crear". En la página que se abre verá un enlace para descargar el favicon resultante.

Una selección de generadores, colecciones y galerías de favicons online.

Si por alguna razón no le gustó el generador de favicon descrito anteriormente, puedo sugerirle que pruebe suerte en uno de los siguientes servicios gratuitos en línea:

  1. FaviconGenerator: le permite convertir cualquier imagen descargada de su computadora al formato de favicon deseado (puede cargar imágenes).
  2. AntiFavicon es un generador de Favicon bastante interesante. En él puedes crear un favicon con una inscripción. Deberá ingresar el texto de la inscripción en los campos "Texto superior" y "Texto inferior", y ajustar la combinación de colores en el área "Colores".
  3. FavIcon de Pics es otro servicio en línea simple: usted especifica la ruta a la imagen en su computadora, convierte y descarga el archivo resultante en formato ICO y GIF.
  4. Iconj: lo destacable es que puedes descargar el ícono creado o dejarlo en el servicio y recibir un enlace a este archivo.
  5. DeGraeve es un generador de Favicon bastante potente, similar en funcionalidad al Favicon.cc analizado anteriormente. Aquí también puedes hacer todo desde cero o subir una imagen, que luego podrás ajustar y descargar en formato ICO de un tamaño adecuado.
  6. Generador: le permite generar un favicon a partir de una imagen cargada y crearlo desde cero en un editor especial.
  7. Editor de íconos en línea favicon.ico, bueno, en cierto modo lo hace todo: crear favicons desde cero y modificar una imagen existente.
  8. Online Favicon es una herramienta muy funcional para crear y editar mini logos
  9. Generador de Favicon gratuito, en caso de que nada de la lista anterior le convenga.
  10. Generador de favicon: sencillo y elegante...

Si no le importa la exclusividad de su minilogotipo para el sitio y no puede jugar con editores y generadores, puede elegir un ícono adecuado para usted en sitios donde los hay a diez centavos la docena. Después de todo, de hecho, nos conviene absolutamente cualquier icono de 16 por 16 píxeles que pueda descargar de Internet o encontrar en el fondo de su computadora.

Pero hay que recordar que el favicon debe, ante todo, atraer la atención de los usuarios. Idealmente, un usuario podría reconocer su sitio simplemente mirando el Favicon, por lo que es mejor si es único, pero también puede buscar algo fuera de lo común en Internet.

Si no tienes el deseo o la oportunidad (no eres artista y nunca lo has sido), entonces la forma más sencilla sería intentar buscar en galerías con colecciones de favicons gratuitos:

  1. Galería de iconos para el sitio favicon.ico: más de 15.000 minilogotipos para su sitio para todos los gustos y colores
  2. Iconj es una colección bastante grande de íconos diseñados por otras personas y puestos a disposición del público.
  3. Favicon.cc: 55 mil opciones diferentes para todas las ocasiones. También hay favicons animados, que sólo serán visibles en el navegador FireFox.
  4. La Galería Favicon: algunos íconos más que se ajustan al tamaño

Si conoce otros recursos similares, agregaré sus enlaces a esta lista.

Cómo instalar un Favicon en un sitio web y especificar la ruta al mismo

Su navegador y el robot de búsqueda Yandex busque el favicon principalmente en la carpeta raíz de su sitio. Por lo tanto, simplemente puede conectarse al sitio a través de FTP y cargar su archivo Favicon.ico en su directorio raíz (generalmente las carpetas public_htm o htdocs) (es mejor escribir su nombre en letras minúsculas). Ahora abra su recurso en algún navegador y vea si el ícono en la pestaña ha cambiado. ¿Ha cambiado? ¿No? Bueno, está bien.

Si no pudiste colocar un favicon de esta manera, es posible que tengas que hacerlo, porque... A menudo sucede que se carga una versión antigua desde el caché. Puedes probarlo, para mí responde mejor a los cambios realizados sin borrar el caché. Si el problema no está en la memoria caché del navegador, esto significa que su sitio tiene una ubicación diferente para el favicon, diferente de la carpeta raíz. ¿Cómo puedo comprobar esto?

Abra el código fuente de cualquier página de su sitio. Para ver su código fuente, simplemente haga clic derecho en la página y seleccione el elemento del menú contextual apropiado (por ejemplo, "Código fuente" en el antiguo Opera, o "Código fuente de la página" en Mazila Firefox, o "Ver código de la página" en Google Chrome, o “Ver código HTML” en IE) o presione la combinación de teclas Ctrl+U. Ahora mire en la parte superior del código de la página una línea que especifica la ruta a favicon.ico.

Podría verse algo como esto:

Ahora, conociendo esta ruta, puedes conectarte nuevamente vía FTP y cargar tu favicon usando la ruta especificada, reemplazando la que ya está en el sitio. Si no se han producido cambios en la barra de direcciones del navegador nuevamente, intente borrar el caché del navegador nuevamente.

EN Joomla Favicon generalmente se encuentra en la carpeta con la plantilla que está utilizando (la ruta en Joomla 1.5 se escribió en el archivo index.php desde el directorio de la misma plantilla, pero en Joomla 3 todo se volvió un poco más complicado). Aquellos. Para cambiar el favicon en Joomla, todo lo que necesita hacer es seguir esta ruta y cargar su archivo favicon.ico allí, y responder afirmativamente a la pregunta sobre el reemplazo:

/templates/folder_with_the_design_template/favicon.ico

Archivo favicon en WordPress De forma predeterminada, también puede estar en la carpeta con el tema que estás utilizando (la ruta al mismo también se establece allí):

/wp-content/themes/Folder_with_theme_you_are_using/favicon.ico

En general, si quieres establecer o cambiar la ruta a su favicon, que será entendido tanto por los navegadores como por el robot de búsqueda Yandex, luego deberá escribirlo en el archivo de plantilla correspondiente para Joomla, WordPress o cualquier otro motor, entre las etiquetas de apertura y cierre. CABEZA, las siguientes líneas de código:

En qué archivo de plantilla necesita escribir estas líneas depende del motor de su sitio. Por ejemplo, en en WordPress debe abrir el archivo header.php para editarlo: wp-content/themes/Folder_with_your_theme_design. Abra header.php en el editor y al principio busque la etiqueta HTML HEAD de apertura. En cualquier lugar después de él, pero antes del HEAD de cierre, escriba una de las líneas de código anteriores indicando la ruta a su archivo gráfico de mini-logo.

Cómo instalar favicon animado? Básicamente, exactamente igual que uno normal. La única diferencia será el código insertado en la plantilla de su sitio web, con el que indicará a los navegadores y al robot de búsqueda Yandex la ruta al archivo gráfico deseado. El hecho es que el Favicon animado tendrá una extensión GIF y, por lo tanto, en las líneas de código deberás escribir algo como esto:

Esa es toda la diferencia entre los favicons animados y los normales. Pero tenga en cuenta que el icono animado sólo funcionará en Firefox; en otros navegadores será estático. Yandex, al cargar su favicon animado, lo convierte a un formato PNG estático. Pero, en mi opinión, no vale la pena: instalar un logotipo animado en lugar de un mini logotipo normal para un sitio no tiene mucho sentido. Pero esa es solo mi humilde opinión.

¡Buena suerte para ti! Nos vemos pronto en las páginas del blog.

Puedes ver más vídeos entrando a
");">

Tú podrías estar interesado

Análisis de sitios web en servicios online gratuitos Pr-cy, Cy-pr, Be1, Xseo y otros
Usabilidad: cómo hacer que su sitio web sea conveniente para los visitantes e intentar que sigan leyendo sus artículos durante el mayor tiempo posible.
Cliente FTP en línea Net2ftp y Google Alerts: servicios útiles para webmasters
Iconos, insignias, fondos, imágenes y logotipos para el sitio (servicios en línea IconFinder, Freepik, PSDGraphics y otros)




Arriba