Generador de avatares con iniciales
Convierte cualquier nombre en un avatar limpio con letras, como los que muestran Gmail y Slack cuando no hay foto. Elige la forma, los colores, la fuente y el tamaño, y luego descarga un PNG o SVG, copia un data URI o genera todo un equipo de una vez en un ZIP.
Última actualización:
Cómo usar Generador de avatares con iniciales
- Escribe un nombre, correo o nombre de usuario. Las iniciales y un color a juego aparecen al instante.
- Elige una forma y un fondo: deja Automático para colores según el nombre o elige tu propio color sólido o degradado.
- Ajusta el texto: fuente, grosor, tamaño de letra, color del texto y número de letras.
- Elige el tamaño de exportación y luego descarga PNG o SVG, o copia el código SVG o el data URI para tu aplicación o HTML.
- Para una lista completa, abre En bloque desde una lista, pega un nombre por línea y haz clic en Descargar ZIP.
Dónde son útiles los avatares con iniciales
- Fotos de perfil predeterminadas en aplicaciones, foros, CRM y servicios de soporte antes de que el usuario suba una foto.
- Páginas de equipo y organigramas donde algunas personas no tienen foto: un estilo uniforme parece intencionado.
- Firmas de correo y chatbots, donde un monograma sencillo es más ligero que una foto.
- Maquetas y prototipos: pega una lista de nombres de ejemplo y obtén un juego completo de avatares de muestra en segundos.
Tamaños recomendados
| Uso | Tamaño de visualización típico | Tamaño de exportación |
|---|---|---|
| Hilos de comentarios, listas de chat | De 24 a 40 px | 128 px (nítido en pantallas de alta densidad) |
| Cabeceras de perfil, tarjetas | De 64 a 128 px | 256 px |
| Fotos de perfil en redes sociales | hasta 400 px | De 400 a 512 px |
| Impresión, pantallas grandes | cualquiera | PNG de 1024 px o SVG |
Cómo usar el avatar en el código
Un data URI SVG se puede poner directamente en HTML: <img src="data:image/svg+xml;base64,…" width="40" height="40" alt="Jane Cooper">. Define el tamaño mostrado con width y height; el SVG se escala sin perder nitidez. Para una lista de usuarios, la exportación CSV del modo en bloque te da cada nombre, sus iniciales y el data URI para que los importes en una hoja de cálculo o los cargues en una base de datos.
Preguntas frecuentes
¿Cómo se eligen las iniciales?
Por defecto, la herramienta toma la primera letra de la primera y la última palabra, así que "Mary Jane Watson" se convierte en MW. En los correos se usa la parte anterior a la @ y se divide por puntos, guiones y guiones bajos, y los nombres de usuario en camelCase se dividen en las mayúsculas. Puedes forzar 1, 2 o 3 letras o escribir un texto personalizado.
¿El mismo nombre tendrá siempre el mismo color?
Sí. En modo Automático, el color se elige a partir de un hash del nombre, así que "Jane Cooper" siempre tiene el mismo color en la misma paleta, en cualquier dispositivo. Mezclar colores cambia el desplazamiento para todos los nombres.
¿Debo usar PNG o SVG?
El SVG es muy ligero, se escala a cualquier tamaño y es ideal para sitios web y aplicaciones. El PNG es mejor donde no se acepta SVG, como en muchas subidas de fotos de perfil, aplicaciones de chat y clientes de correo.
¿Qué es un data URI y cómo lo uso?
Un data URI incrusta la imagen directamente en texto, por ejemplo en un atributo <img src="…">, un fondo CSS o un JSON, así que no hace falta un archivo aparte. Cópialo del cuadro Data URI; la versión SVG suele ser mucho más corta que la PNG.
¿El SVG se ve igual en todas partes?
El SVG usa fuentes comunes del sistema, así que las letras pueden mostrarse con una fuente ligeramente distinta en un dispositivo que no tenga la fuente elegida. Para un resultado idéntico en todas partes, usa la exportación PNG.
¿El texto se lee bien en todos los colores?
El contraste automático elige blanco o un tono oscuro del fondo y muestra la relación de contraste WCAG. Procura al menos 3:1 para letras grandes; la línea de información avisa cuando el contraste es bajo.
¿Se envían los nombres a algún sitio?
No. Todo se genera en tu navegador. Los nombres y los avatares nunca se suben; solo se recuerdan tus ajustes de estilo en este dispositivo.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.