Me aparece el error favicon.ico


132

Descargué el IDE de Netbeans para codificar en HTML. Soy nuevo en eso. Cuando ejecuto mi código, Chrome se abre y todo funciona bien. Recibo algún tipo de error en la Salida - Registro del navegador.

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

¿Cómo lo soluciono?

Respuestas:


152

He tenido este error por algún tiempo también. Puede ser algún tipo de error de netbeans que tenga que ver con el conector de netbeans. No puedo encontrar ninguna mención favicon.icoen mi código o en la configuración del proyecto.

Pude solucionarlo poniendo la siguiente línea en la headsección de mi archivo html

<link rel="shortcut icon" href="">

Actualmente estoy usando esto en mi entorno de prueba, pero lo eliminaría para cualquier entorno de producción.


3
No creo que tenga que ver con NetBeans. Sucede cada vez que lo haces cordova run browser.
Ricardo Cruz

2
Para mí sucedió ahora mientras estaba dentro de un directorio de mi sitio web. Pero apuntó al directorio raíz en busca de un favicon.ico. Estoy usando Chrome ...
Alex Cio

44
No tiene nada que ver con NetBeans, uso Eclipse, PyCharm, etc. y obtengo el mismo error.
Ibo

3
Es posible que esta solución no sea correcta, ya que la he probado, y no funciona. Aún obteniendo el error.
Vlădel

@Tamas yeap lo mismo para mí, la respuesta a continuación debería ser la correcta
Charis Theo

131

La respuesta aceptada no funcionó para mí, tuve que agregar un valor al atributo href:

<link rel="shortcut icon" href="#" />

8
La respuesta aceptada tampoco funcionó para mí. Gracias por publicar esto ... me funcionó (en cromo).
Nirmal

1
Sí, esto elimina el error en Chrome al alojar mi página HTML en AWS S3. Sin él, obtengo un error 403 para favicon.ico, a pesar de que no había ninguna referencia a un favicon en el código.
MSC

¿Necesitamos especificar algún tipo de mimo para esto?
Kurkula

1
Esto activará la doble recuperación del documento en algunos navegadores (incluido Chrome), consulte stackoverflow.com/questions/2009092/…
kursus

@kursus: El problema parece ser suprimido en la respuesta de Sr Julien stackoverflow.com/a/40527353/669527
IvanH

26

La respuesta aceptada no funcionó para mí, así que he encontrado esta solución .

Puede estar relacionado con la versión HTML, ya que la solución más votada dice:

Si necesita que su documento valide con HTML5, use esto en su lugar:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

Vea el enlace para más información.


24

favicon.ico es el ícono de un sitio web en la barra de título de su sitio web. Netbeans no pudo encontrar el archivo favicon.ico en la carpeta de su sitio web

si no lo desea, puede eliminar la línea similar a esta en la sección de la cabeza

 <link rel="shortcut icon" href="favicon.ico">

o si desea usar un ícono para la barra de título, puede usar el convertidor de íconos para generar una imagen .ico y mantenerla en la carpeta de su sitio web y usar la línea anterior en la sección de encabezado


44
No hay un icono como ese en la sección de mi cabeza.
Rockstar5645


15

Las respuestas anteriores no funcionaron para mí. Encontré un muy buen artículo para Favicon , explicando:

  • ¿Qué es un Favicon?
  • ¿Por qué Favicon.ico aparece como 404 en los archivos de registro?
  • ¿Por qué deberías usar un Favicon?
  • cómo hacer un Favicon usando FavIcon de Pics u otro creador de Favicon;
  • cómo hacer que se muestre tu Favicon.

Así que creé Favicon usando FavIcon from Pics. Póngalo en la carpeta (llamado favicon) y agregue este código en la <head>etiqueta:

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

Ahora no hay ningún error y veo mi Favicon:

ingrese la descripción de la imagen aquí


Intenté esto ... todo funciona bien en mi local, pero cuando lo implemento en los servidores recibo este error ...
Ziggler

1
@Petya Kostova, gracias por el enlace! Muy útil. Solo para agregar un enlace más, este artículo explica cómo icones para Chrome / Firefox / etc., mientras que shortcut icones para IE, solo para cualquiera (como yo) que tenía curiosidad por qué necesita ambos.
James Toomey

9

Para mí, la respuesta no funcionó también, pero esto funciona bien:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

Esto resuelve el problema sin causar doble recuperación.
IvanH

4

Puede proporcionar su propia imagen y hacer referencia a ella en la cabeza, por ejemplo:

<link rel="shortcut icon" href="images/favicon.ico">

3

Además, tenga cuidado para que su ubicación href no sea defectuosa. Caso de estudio:

Mi página de índice estaba en una subcarpeta temporal llamada LAYOUTS. Para llegar al favicon.png desde dentro de la carpeta IMAGES, que era un hermano de la carpeta LAYOUTS, tuve que poner un camino en mi href como este

href="../images/favicon-32x32.png"

Los períodos dobles son necesarios para la navegación de la carpeta "hacia arriba" , luego la barra inclinada + imagescadena lo lleva a la carpeta de imágenes (realizando un "salto" de rama de árbol) y finalmente puede hacer referencia a su archivo escribiendofavicon-32x32.png .

Esta explicación es útil para aquellos que comienzan desde cero y hubiera sido útil haberla visto un par de veces ya que olvidaría que tenía ciertos archivos * .php fuera de la carpeta LAYOUTS que necesitaban diferentes hrefs de árbol en mis enlaces, de la sección HEAD de cada página.

Consulte la ruta a su imagen de favicon en consecuencia.


1
No estoy seguro de si es bueno usar rutas relativas directamente. Normalmente uso @ Url.Content ("~ / Images / favicon.ico") si uso MVC o ASP.NET Web API para resolver las URL completamente antes de enviarlas al cliente.
justdan23

2

Este problema se produce cuando no declara en la parte superior de su archivo HTML en HEDER esta etiqueta.

<link rel="icon" href="your_address_icon" type="image/x-icon">

0

Tuve una situación extraña. El mío funcionaba bien y de repente se detuvo con ese mensaje de error. Ya tenía la declaración del encabezado. Así que fui fundado por qué no funcionaba.

<link rel="shortcut icon" href="favicon.png">

Literalmente, nada más en el sitio tenía un problema que podría decir. Lo unico que soluciono fue reiniciar mi servicio Apache y todo volvió a funcionar.

Si nada más funciona, inténtalo y mira qué sucede.


0

Es una pesadilla ya que cada navegador / dispositivo lo maneja de manera diferente.

El generador Favicon me ayuda mucho para aquellas aplicaciones donde necesitamos cubrir los escenarios más posibles.

https://realfavicongenerator.net/

Solo necesita una imagen png de 260 px x 260 px (al menos) y desde allí el generador creará todas las referencias que necesita dentro de su página web.

Solo necesita agregar estas referencias e imágenes a su aplicación.

ingrese la descripción de la imagen aquí


0

En Angularanteriormente teníamos .angular-cli.jsonarchivo que se refería a favicon.ico. Si va a actualizar a una de las versiones más nuevas de, Angularentonces tendrá en su angular.jsonlugar. Para estas versiones más nuevas, debe referirse a la ruta de favicon index.htmlde ahora en adelante.


-1

Recibía el mismo error de ícono favorito: 404 (no encontrado). Usé el siguiente elemento en el <head>elemento de mi archivo index.html y solucionó el error:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

1
Una explicación de cómo esto corrige el error sería muy útil, considere agregar detalles acerca de su respuesta.
bjoster
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.