Cómo agregar un favicon (con imágenes)

Un favicon es un pequeño icono ubicado junto a una dirección de sitio web en un navegador y en el menú de sus marcadores. Thysheaches, cómo agregar su propio favicon personalizado a un sitio web, así como cómo personalizar los favicons que aparecen para los sitios de otros pueblos en sus marcadores de Google Chrome.

Pasos

Método 1 de 2:

Añadiendo un favicon a un sitio web

1. Descargar o crear un favicon. Si desea cambiar el pequeño icono que aparece junto al título de su sitio web en los navegadores web, comience por la descarga o creando un favicon.

Para asegurarse de que su favicon sea compatible con todos los navegadores, asegúrese de que sea un .archivo ICO que es 16 x 16 píxeles grandes.
El nombre del archivo de su favicon debe ser favica.ICO. Si el archivo aún no tiene este nombre, cambie el nombre.

Imagen titulada Agregar un favicon Paso 2

2. Sube el favicon al directorio principal de su sitio web. Algunos hosts web le permiten cargar su FAVICON a través de un editor en línea, mientras que otros requieren que use FTP para transferirlo a la carpeta principal del sitio web.

Si su sitio web tiene un panel / editor de control basado en la web, generalmente puede cargar el favicon con unos pocos clics. Aquí es cómo hacerlo en algunos hosts web populares:

WordPress: Abra la página de administración y haga clic en Apariencia, luego Personalizar, y entonces Identidad del sitio. Hacer clic Seleccione Archivo Bajo "Icono del sitio", Sube Favicon.ICO, y luego haga clic en Guardar y publicar.

Weebly: Abra su editor de sitio y haga clic en Ajustes En la barra de menú, haga clic en Subir bajo "favicon."Y luego sube el archivo. Hacer clic Publicar Para guardar sus cambios.

SquareSpace: Hacer clic Diseño En el menú Inicio, haga clic en Logo y título, y luego desplácese hacia abajo hasta el cuadro "Icono de navegador (FAVICON)". Arrastrar favicon.ICO a la caja, espere a que se cargue y luego haga clic en Ahorrar.

Blogger: Abra el editor del sitio y haga clic en Diseño En la columna izquierda, haga clic en Editar En la casilla "FAVICON", cargue el archivo y luego haga clic en Ahorrar.

Si transfiere archivos a su host web a través de FTP, use su aplicación FTP para transferir FAVICON.ICO a la carpeta principal de su sitio web. El camino completo hacia el favicon debe ser "http: // yourdomain.com / favicon.ICO" Una vez cargado.

Imagen titulada Agregar un favicon Paso 3

3. Añadir Alink a su código fuente (opcional). Si subió su favicon a través de un panel de control basado en la web, no hay necesidad de completar este paso. Y dado que todos los navegadores web modernos están configurados para verificar un archivo llamado "FAVICON.ICO "De forma predeterminada al cargar un sitio web, no es obligatorio completar este paso para otros tipos de sitios. Sin embargo, algunos usuarios más avanzados de Firefox y Opera ajustan su configuración para evitar que los favicones se carguen de esta manera. Para asegurarse de que estos usuarios vean su favicon, agregue una línea de código a cada página que enlaza al archivo. Así es cómo:

Abra el archivo de código fuente HTML para una página en su sitio.

En algún lugar entre el y Etiquetas, agregue el siguiente código a una nueva línea:

Si está utilizando algo que no sea HTML, ajuste el código para que se ajuste al idioma que está utilizando.

Guarde sus cambios y vuelva a cargar (o volver a publicar) la página.

Repita estos pasos para otras páginas en su sitio.

Imagen titulada Agregar un favicon Paso 4

4. PRUEBA SU FAVICON. Cargue su sitio web en una nueva ventana del navegador. Si su sitio solía tener un favicon diferente, es posible que no vea su nuevo hasta usted Despeja tu caché (o pruebe un navegador web diferente que no haya usado para ver su sitio web).

Método 2 de 2:

Añadiendo un marcador FAVICON a Google Chrome

1. Descargar o crear un favicon. Si desea cambiar el pequeño icono que aparece junto a un marcador Chrome, puede usar una extensión gratuita llamada Bookmark Favicon Changer. Empezar por descargar o creando un favicon usar.

Puede encontrar favicons gratis disponibles para descargar buscando Google para "FAVICONS GRATIS."
La mayoría de los favicons están disponibles como .ICO o .archivos PNG que son de 16 x 16 píxeles en tamaño. Bookmark Favicon Changer cambiará de tamaño cualquier tipo de archivo de imagen a 16 x 16, así que no se preocupe por encontrar uno que se ajuste a este criterio.
Si aún no lo has hecho marcó la URL para la que desea agregar un favicon, Hazlo ahora.

Imagen titulada Agregar un favicon Paso 6

2. Navegar a https: // Chrome.Google.com / webstore / En Google Chrome. Si aún no está registrado en su cuenta de Google, haga clic en Iniciar sesión en la esquina superior derecha para hacerlo ahora.

Imagen titulada Agregar un favicon Paso 7

3. Tipo Bookmark Favicon en el cuadro de búsqueda y presiona ↵ entrar o ⏎ retorno. El cuadro de búsqueda está en la esquina superior izquierda de la tienda web de Chrome.

Imagen titulada Agregar un favicon Paso 8

4. Hacer clic Añadir a Chrome Junto a "Bookmark Favicon Changer."Debería estar en la parte superior de los resultados de búsqueda. Aparecerá una ventana emergente.

Imagen titulada Agregar un favicon Paso 9

5. Hacer clic Añadir extensión. Una vez que se agrega la extensión, verá un mensaje de confirmación cerca de la esquina superior derecha de su navegador (y, dependiendo de su configuración, un nuevo icono con dos cuadrados superpuestos dentro de la barra de direcciones).

Es posible que tenga que proporcionar información adicional, como una contraseña de administrador, para completar la instalación.

Imagen titulada Agregar un favicon Paso 10

6. Haga clic derecho en el icono de Bookmark Favicon Changer. Son los dos cuadrados superpuestos cerca de la esquina superior derecha de Chrome. Un menú se expandirá.

Si ve una ventana emergente negra que dice "Esta página no está marcada y no coincide con la regla del icono de la pestaña", marque la casilla que dice "No muestre esta ventana emergente nuevamente", haga clic en cualquier lugar de la página y Luego haga clic en el icono de Bookmark Favicon Cambiador de nuevo.

Imagen titulada Agregar un favicon Paso 11

7. Hacer clic Gestionar extensiones. Está en la parte inferior del menú. Esto abre una página de configuración de Chrome que le permite realizar cambios en sus extensiones.

Imagen titulada Agregar un favicon Paso 12

8. Desplácese hacia abajo y deslice "Permitir acceso a las URL de archivos" en ON

. Esto le da al permiso de extensión para agregar favicons a todas las URL.

Imagen titulada Agregar un favicon Paso 13

9. Haga clic con el botón derecho en el icono Favork Favicon Cambiador nuevamente y seleccione Opciones. Esto debería abrir una página azul que muestra una lista de sus marcadores.

Imagen titulada Agregar un favicon Paso 14

10. Haga clic con el botón derecho en el marcador que desea cambiar. Un menú se expandirá.

Imagen titulada Agregar un favicon Paso 15

11. Hacer clic Cambiar favicon. Esto abre el navegador de archivos de su computadora.

Imagen titulada Agregar un favicon Paso 16

12. Seleccione el favicon y haga clic en Abierto. Esto importa el favicon al navegador. Se emitirá una ventana que mostrará el progreso. Una vez que la ventana se cierra, se debe agregar el favicon.

Si ve un error en el registro en la esquina superior derecha de la página que dice "No se puede confirmar el cambio de favorito Favicon", no se preocupe, el favicon todavía aparecerá en sus marcadores. Puedes confirmar esto abriendo tus marcadores en Chrome.