Resumen (TL;DR)
- Diseña desde Cero: ¿Sin logotipo? No hay problema. Crea iconos profesionales usando iniciales de texto o emojis populares.
- Vista Previa en Tiempo Real: Mira exactamente cómo se ve tu icono en modo claro/oscuro y en las pestañas del navegador.
- Kit Completo: Descarga un paquete con
favicon.ico, PNGs de alta resolución y las etiquetas HTML necesarias.
¿Cuándo generar vs subir?
- Usa esto si no tienes un logotipo aún, o quieres un icono simple basado en letras.
- Usa el Convertidor si ya tienes una imagen de logotipo terminada.
Consejos de Diseño (16x16 Píxeles)
- Alto Contraste: Texto claro sobre fondo oscuro es lo mejor.
- Uno o Dos Caracteres: “Mi Sitio Web” no cabrá. Usa “MS”.
- Fuentes Negritas: Las fuentes finas desaparecen en tamaños pequeños.
El Paquete Completo
Obtienes un kit web estandarizado:
favicon.ico: Para navegadores de escritorio.icon-192.png&icon-512.png: Para Android/PWA.apple-touch-icon.png: Para iOS.site.webmanifest: Para Android.
FAQ
¿Puedo usar estos emojis legalmente?
Sí. Se renderizan usando fuentes del sistema o de código abierto y son seguros para su marca.
¿Necesito un fondo transparente?
Para iconos de texto/emoji, recomendamos una forma sólida (círculo o cuadrado). El texto flotante transparente puede desaparecer en el modo oscuro.