Toolipedia Insertar
ES
← Todas las herramientas de texto

Vista previa de favicon

Mira cómo se ve tu icono en las pestañas del navegador (claro y oscuro), marcadores, resultados de Google y pantallas de inicio de teléfonos.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Vista previa de favicon

Comprueba cómo se ve realmente el icono de tu sitio antes de publicarlo. El previsualizador lo muestra en una pestaña de navegador clara y otra oscura, en una barra de marcadores, en un resultado de búsqueda de Google y en la pantalla de inicio de un teléfono. Las líneas finas y los logotipos oscuros suelen desaparecer en las pestañas oscuras, así que esto lo detecta a tiempo.

Cómo usar Vista previa de favicon

  1. Elige tu imagen de icono.
  2. Míralo en pestañas del navegador, en modo claro y oscuro.
  3. Revisa las vistas de marcadores, de resultados de búsqueda y de pantalla de inicio del teléfono.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Por qué mi favicon se ve mal en modo oscuro?

Los iconos oscuros o transparentes se funden con las barras de pestañas oscuras. Añade un contorno o un fondo claro, o usa un favicon SVG con una regla prefers-color-scheme para que los colores cambien automáticamente.

¿Cómo puedo hacer que un icono funcione en pestañas claras y oscuras?

Usa una forma con un contorno claro, o añade un fondo de color sólido. Evita las líneas oscuras finas sobre un fondo transparente, que desaparecen en las pestañas oscuras.

¿Qué hace legible un icono en tamaño pequeño?

Usa una forma sencilla con pocos detalles y un contraste fuerte. Pruébala aquí al tamaño de una pestaña y quita el texto, que se vuelve ilegible.

¿Es gratis Vista previa de favicon?

Sí. Vista previa de favicon de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

¿Puedo poner Vista previa de favicon en mi propio sitio web?

Sí. Usa el botón «Insertar en tu sitio» debajo de la herramienta para copiar un fragmento corto de código y pegarlo en tu página. Es gratis, no necesita cuenta y la herramienta sigue funcionando dentro de tu página.

Herramientas relacionadas