139 · Diseño y Web

Vista previa de favicon

Sube tu ícono para ver cómo se ve en los tamaños pequeños que realmente usan los navegadores.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Vista previa de favicon

Permanece en tu dispositivo. Las imágenes cuadradas funcionan mejor.

Otra pestaña
Otra pestaña
Pantalla de inicio

Cómo utilizar la vista previa de favicon

  1. Elige la imagen de tu icono.
  2. Escriba el título de su página.
  3. Compruébalo en pestañas claras y oscuras y en cada tamaño.

Diseñando para 16 píxeles

Las pestañas del navegador muestran favicons de 16 × 16 píxeles, por lo que los detalles finos y el texto fino desaparecen. Utilice una forma en negrita o una sola letra, un fuerte contraste y compruébelo en las barras de pestañas claras y oscuras. Para crear los archivos de iconos reales, utilice el generador de favicones.

Ejemplos

Un logotipo detallado

Difícil de leer a 16px

Una letra en negrita en un cuadrado de color.

Claro en todos los tamaños

Preguntas

¿Se cargan mis datos?

No. Todo se ejecuta en tu navegador, por lo que lo que pegas nunca sale de tu dispositivo.

Traducción automática. Revisar resultados importantes.