¿Cómo puedo agregar un favicon a un marcador en Google Chrome?


14

Estoy en OS X y quiero que mis marcadores tengan favicons. Ya encontré dos artículos pero no me ayudaron mucho:

http://www.tapper-ware.net/blog/?p=97#comment-2076 Es un gran artículo pero, según tengo entendido, no parece funcionar para Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ El problema con este consejo es, si estoy equivocado, corrígeme que después de limpiar el historial, el caché, etc. La cosa se habrá ido otra vez.

Si existe la posibilidad de modificar los bookmarklets alojándolos yo mismo, lo haría instantáneamente, pero hasta ahora no encontré ninguna solución.

Respuestas:


19

Bueno, me llevó algo de tiempo, pero me topé con la solución:

Debe exportar sus Marcadores, editar el archivo HTML e importarlo nuevamente. Suena mucho más complicado de lo que es, y es una solución limpia ya que Chrome coloca todos sus marcadores reimportados en una carpeta separada "Importada" que puede eliminar después de aplicar los cambios.

Guía paso por paso:

  1. Abra el Administrador de marcadores y exporte sus marcadores.
  2. Abra el archivo HTML exportado en su editor favorito y busque el marcador al que desea aplicar un favicon.
  3. Codifique el favicon de 16 × 16px que desea usar como Base64 (hay muchos convertidores en línea gratuitos, o vea el siguiente enlace para obtener instrucciones de la línea de comandos). Elimine cualquier salto de línea en la salida; Tiene que ser una larga cola.
  4. Anteponga un prefijo de "datos" al blob Base64 que sea apropiado para el tipo de favicon que utilizó; por ejemplo, data:image/vnd.microsoft.icon;base64,para .icoarchivos y data:image/png;base64,para .pngarchivos.
  5. Ahora agregue un ICONatributo al enlace para contener el blob Base64 prefijado; por ejemplo: ICON="data:image/png;base64,iVBORw0K………5ErkJggg==".
  6. Guarde el archivo e impórtelo nuevamente al administrador de marcadores. Se creará una carpeta llamada "Importada"; sin embargo, el favicon se debe aplicar al marcador original de inmediato, para que pueda eliminar de inmediato la nueva carpeta "Importada". Si el icono no aparece inmediatamente, intente hacer clic en el marcador.

Si necesita más ayuda, descubrí una publicación de blog que describe todo el proceso con mayor detalle.


Actualicé la publicación. Si necesita un tutorial detallado, consulte el enlace que agregué.
patrick

Solo para hacerle saber que el enlace ya no funciona
Skuld


Se corrigió el enlace para usar la copia en caché sugerida por @MarkusJarderot y se agregó una aclaración sobre la necesidad de agregar un data:prefijo.
Tom

Además, la publicación de blog vinculada dice que Chrome no sincroniza estos favicons agregados manualmente, aunque no lo he intentado para ver si ese es el caso.
Tom

2

Otra solución muy simple es usar la extensión de cromo "Odio tu favicon". Le permite ingresar una url para un sitio web en el que desea cambiar su favicon, y una url de una imagen de lo que desea que sea el favicon. El resto se maneja por ti.

Enlace a su sitio web aquí


3
Esto no parece funcionar para bookmarklets.
GollyJer

1

Tuve el mismo problema, pero al principio en realidad no me di cuenta.

Recientemente eliminé mi archivo favicon en Chrome (sin hacer una copia de seguridad) y de repente todos los enlaces de mi barra de herramientas de marcadores no tenían sus iconos, ya que estoy usando javascript: window.open para abrirlos en una nueva pestaña.

Hoy me di cuenta de por qué felizmente tenía favicons en mis marcadores durante meses: cuando cambié por primera vez de Firefox a Chrome, importé todos mis marcadores desde allí y luego los edité manualmente en el Bloc de notas con el JavaScript anterior.

Firefox agregó todos los íconos con su código base64.

Ahora puedo confirmar que la solución de pattulus funciona, y además, si no desea convertir y agregar manualmente cada código base64, simplemente exporte sus marcadores limpios, sin marcadores, edítelos externamente y vuelva a importarlos.

Es decir, si es tan simple como en mi caso, donde edité en el mismo JavaScript para todos los enlaces de marcadores y podría simplemente usar la función de reemplazo del Bloc de notas.

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.