37
Quiero tener una imagen en el título en una página HTML (es decir, en la pestaña junto con el título). ¿Cómo puedo hacer eso?HTML Title Image
Gracias por leer.
A
Respuesta
42
Lo que necesita es un archivo favicon.ico. sólo hay que poner en la raíz de su sitio y enlazar con él en el encabezado de la página
<head>
<title>My Site</title>
<link rel="shortcut icon" href="favicon.ico" />
</head>
Debe ponerlo en la raíz de su sitio y el nombre de Favicon.ico debido a que algunos navegadores buscan aún si no lo enlazas en tus páginas.
4
Por favor agregue una línea similar a esto dentro de las cabeceras de los elementos:
<link rel="shortcut icon" href="/somwhere/icon.ico">
.ico archivos funcionan mejor entre navegador de edad, pero por supuesto se puede utilizar archivos PNG y JPEG, también.
3
Usted está queriendo establecer un favicon. Aquí está la etiqueta de hacerlo:
<link rel="SHORTCUT ICON" href="favicon.ico" />
Añadir esta etiqueta a su <head /> y se instruirán a los navegadores del sitio para descargar la imagen que se hace referencia en el href.
2
Encontrará más información sobre el favicon con las respuestas a esta pregunta: Favicon not showing, my icon is no good
2
cómo añadir un favicon a su sitio (W3C):
http://www.w3.org/2005/10/howto-favicon
y se puede hacer cualquier imagen de una favicon con los generadores en línea como estos:
http://tools.dynamicdrive.com/favicon/
+0
Ese generador de favicones ya no parece existir –
17
para la compatibilidad entre navegadores, parece ser necesario para dos líneas de favicon:
TÍTULO
<title>PAGE TITLE HERE</title>
FAVICON
<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" />
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" />
FAVICON GENERADOR:
+0
Ese generador de favicones ya no parece existir –
1
Además, de esta previous answer, puede encontrar Dynamic Drive's FavIcon Generator muy útil para crear un favicon de archivos GIF, JPG, PNG o BMP.
1
acabo de encontrar el icono que quería en línea, haga clic derecho y seleccione "URL de imagen de la copia"
<head>
<title>(title)</title>
<link rel="shortcut icon" href="(image URL)"/>
<head>
+4
El usuario preguntaba cómo establecer un favicon, no cómo encontrar la URL de imagen de una imagen en particular. – eggy
Cuestiones relacionadas
- 1. Poner atributos title/alt en CSS: después de {content: image}?
- 2. PHP HTML image output
- 3. Clip image image url
- 4. Django - raw_id_fields title not refreshing
- 5. jquery mobile background image
- 6. MKPlacemark pin title
- 7. Honeycomb ActionBar Title Shadow
- 8. cómo convertir Image to Data URI para Html con C#?
- 9. <img> vs <image> etiqueta en HTML
- 10. búsqueda de Python <title>
- 11. Ruby post title to slug
- 12. ¿Cómo compararía UIButton backgroundImage title?
- 13. express.js/serve generated image
- 14. background-image no funciona
- 15. ¿Tiene sentido usar la etiqueta <title> en el correo electrónico HTML?
- 16. Cambio de la dirección de HTML <title> etiqueta a derecha a izquierda
- 17. lightbox no image just text?
- 18. NSWindow Mac App Store como Title Bar
- 19. Programmatically change an chart title in highcharts
- 20. ¿Qué hace el comando @title batch script?
- 21. UINavigationController: Title Jumps en Resize Animation
- 22. WPF Image Zooming
- 23. Javascript image editor library
- 24. jQuery ajax image upload
- 25. Android WallpaperManager crop image
- 26. Android Activity Background Image
- 27. CKEditor Image Upload
- 28. NSPopUpButton Active Image
- 29. iText Image Resize
- 30. WPF Image Tooltip
¿Quieres decir como esto ?: http://en.wikipedia.org/wiki/Favicon – David
Mejor manera [STI] (http://hints.steptoinstall.com/simply-add-favicon-image-to-title-bar-website.html) – KarSho
Posible duplicado de [Agregar un favicon a una página HTML estática] (http: //desbordamiento de pila.com/questions/9943771/adding-a-favicon-to-a-static-html-page) – TylerH