Editor de píxeles para favicon

Cómo dibujar un buen favicon de 16×16

Un favicon suele mostrarse a solo 16 o 32 píxeles, así que cada píxel cuenta. Dibujarlo a mano en una cuadrícula de píxeles te da bordes nítidos y control total, algo que un logotipo reducido automáticamente rara vez consigue.

Empieza con el lienzo de 16×16 y mantén el diseño simple: una letra en negrita, un símbolo sencillo o la parte más reconocible de tu logotipo. Usa un contraste fuerte para que el icono se lea bien tanto en pestañas claras como oscuras del navegador, y consulta las vistas previas en vivo mientras dibujas.

Cuando estés satisfecho con el resultado, haz clic en "Generar favicons a partir de esto". El generador mantiene los píxeles nítidos y crea favicon.ico, iconos PNG, Apple touch icons e iconos de Android a partir de tu dibujo.

Consejos para favicons de pixel art nítidos

• Usa de dos a cuatro colores: demasiados tonos se convierten en ruido a tamaños pequeños.
• Deja un margen de 1 píxel o rellena todo el cuadrado; evita formas que toquen solo algunos bordes.
• Prefiere las líneas horizontales y verticales; las diagonales se ven mejor a 45 grados.
• Usa el modo espejo para iconos simétricos y el color transparente para las zonas translúcidas.
• Dibuja a 32×32 o 48×48 si tu icono tiene mucho detalle: los tamaños mayores se usan en pantallas de alta resolución.