w3schools transparente tamaño tag code favicon

tamaño - favicon transparente



¿Cómo prevenir peticiones favicon.ico? (10)

Creo que he visto esto (Aunque no lo he probado ni lo he usado personalmente) :

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

Alguien tuvo experiencia similar?

EDITAR:

Acabo de probar el fragmento anterior y, en una actualización forzada, no se vieron solicitudes de favicon en Fiddler. Probé contra IE8 (modo Compat como estándares IE7) y FF 3.6.

No tengo un favicon.ico, pero IE siempre lo solicita.

¿Es posible impedir que el navegador realice una solicitud para el favicon de mi sitio? Tal vez algún META-TAG en el encabezado HTML?

En nuestra experiencia, con Apache cayendo a pedido de favicon.ico, comentamos encabezados adicionales en el archivo .htaccess.

Por ejemplo, tuvimos un conjunto de encabezados X-XSS-Protection "1; mode = block"

... pero nos habíamos olvidado de sudo de cabecera a2enmod de antemano. Al comentar los encabezados adicionales que se enviaron se resolvió nuestro problema favicon.ico.

También teníamos varios hosts virtuales configurados para el desarrollo, y solo se produjo un error con 500 Internal Server Error al usar http: // localhost y buscar /favicon.ico. Si ejecuta "curl -v http://localhost/favicon.ico " y recibe una advertencia acerca de que el nombre del host no está en la memoria caché de resolución o algo parecido, es posible que tenga problemas.

Podría ser tan simple como no buscar (lo intentamos y no funcionó, porque nuestra causa raíz era diferente) o buscar directivas en apache2.conf o .htaccess que podrían estar causando mensajes extraños de 500 errores internos del servidor.

Descubrimos que fallaba tan rápido que no había nada útil en los registros de errores de Apache y pasamos una mañana entera cambiando de lugar hasta que resolvimos el problema de configurar encabezados adicionales cuando habíamos olvidado cargar mod_headers.

La siguiente solución es HTML5, muy breve y válida, y no incurre en ninguna peculiaridad de IE 8 o superior.

Simplemente agregue la siguiente línea a la sección <head> de su archivo HTML:

<link rel="icon" href="data:,">

Primero diré que tener un favicon en una página web es algo bueno (normalmente).

Sin embargo, no siempre es deseable y, en ocasiones, los desarrolladores necesitan una forma de evitar la carga útil adicional. Por ejemplo, un IFRAME solicitaría un favicon sin mostrarlo. Peor aún, en Chrome y Android un IFRAME generará 3 solicitudes de favicons:

"GET /favicon.ico HTTP/1.1" 404 183 "GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 197 "GET /apple-touch-icon.png HTTP/1.1" 404 189

Lo siguiente utiliza el URI de datos y puede usarse para evitar solicitudes de favicon falsos:

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

Para referencias ver aquí:

El error / comportamiento de Chrome probablemente se solucionará en las próximas versiones.

Aquí está el envío de errores para que usted vote:

ACTUALIZACIÓN 1:

De los comentarios (jpic) parece que Firefox> = 25 ya no le gusta la sintaxis anterior. Probé en Firefox 27 y no funciona mientras aún funciona en Webkit / Chrome.

Así que aquí está el nuevo que debe cubrir todos los navegadores recientes. He probado Safari, Chrome y Firefox:

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

He omitido el nombre del "acceso directo" del valor del atributo "rel", ya que eso es solo para versiones anteriores de IE y las versiones de IE <8 tampoco me gustan las dataURIs. No probado en IE8.

ACTUALIZACIÓN 2:

Si necesita su documento para validar contra HTML5, use esto en su lugar:

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

Puede usar .htaccess o las directivas del servidor para denegar el acceso a favicon.ico, pero el servidor enviará una respuesta de acceso denegado al navegador y esto aún ralentiza el acceso a la página.

Puede detener el navegador solicitando favicon.ico cuando un usuario regrese a su sitio, manteniéndolo en el caché del navegador.

Primero, proporcione una pequeña imagen favicon.ico, podría estar en blanco, pero lo más pequeña posible. Hice un blanco y negro de menos de 200 bytes. Luego, utilizando las directivas .htaccess o del servidor, configure el archivo Vence el encabezado uno o dos meses en el futuro. Cuando el mismo usuario vuelva a su sitio, se cargará desde el caché del navegador y ninguna solicitud irá a su sitio. No más de 404 en los registros del servidor también.

Si tiene control sobre un servidor Apache completo o quizás un servidor virtual, puede hacer esto:

Si la raíz del documento del servidor es say / var / www / html, agregue esto a /etc/httpd/conf/httpd.conf:-

Alias /favicon.ico "/var/www/html/favicon.ico" <Directory "/var/www/html"> <Files favicon.ico> ExpiresActive On ExpiresDefault "access plus 1 month" </Files> </Directory>

Luego, un solo favicon.ico funcionará para todos los sitios virtuales alojados, ya que usted está creando un alias. Se extraerá de la memoria caché del navegador durante un mes después de la visita de los usuarios.

Para .htaccess esto se informa para trabajar (no revisado por mí): -

AddType image/x-icon .ico ExpiresActive On ExpiresByType image/x-icon "access plus 1 month"

Sugiero poner el sitio web en una carpeta comprimida / comprimida .zip. Esto es lo que parecía una página web de ejemplo en una carpeta comprimida / comprimida .zip:

Esto es lo que se vería en una carpeta normal:

Usted no puede Todo lo que puede hacer es hacer que la imagen sea lo más pequeña posible y configurar algunos encabezados de invalidación de caché ( Expires , Cache-Control ) en el futuro. Esto es lo que Yahoo! Tiene que decir sobre peticiones favicon.ico.

Usted podría usar

<link rel="shortcut icon" href="http://localhost/" />

De esa manera no será solicitado al servidor.

si usas nginx

# skip favicon.ico # location = /favicon.ico { access_log off; return 204; }