Generador de Arte ASCII - Convertir Texto a Banner ASCII en Línea
Convierte texto en banners de arte ASCII con 25 fuentes FIGlet. Agrega envoltura de comentarios para código, vista previa de todas las fuentes — 100% del lado del cliente, tu texto nunca sale del navegador.
Preguntas Frecuentes
¿Qué es un Generador de Arte ASCII?
Un Generador de Arte ASCII convierte texto plano en banners de texto grandes y decorativos hechos completamente de caracteres ASCII. Utiliza fuentes FIGlet — mapas de caracteres predefinidos que transforman cada letra en un patrón de múltiples líneas de símbolos como |, /, \, _, y más. Estos banners se usan comúnmente para encabezados de inicio de terminal, decoraciones de README, banners de comentarios de código y salida de pipelines DevOps.
¿Qué es FIGlet?
FIGlet significa "Frank, Ian, and Glenn's Letters". Es un programa creado en 1991 que genera banners de texto a partir de texto ordinario usando fuentes especialmente diseñadas (archivos .flf). La especificación FIGfont define cómo se renderizan los caracteres, incluyendo reglas para el espaciado y "smushing" (superposición de caracteres). Hay más de 300 fuentes FIGlet creadas por la comunidad. Esta herramienta usa la biblioteca figlet.js que lleva soporte completo de FIGfont a JavaScript.
¿Cómo uso el Generador de Arte ASCII?
Escribe tu texto en el campo de entrada y selecciona una fuente del menú desplegable. El arte ASCII se genera al instante en tiempo real. Puedes ajustar el diseño horizontal, establecer un ancho máximo o agregar un envoltorio de comentario para código. Haz clic en el botón Copiar para copiar el resultado al portapapeles. Usa la pestaña Vista Previa para ver tu texto en todas las fuentes disponibles.
¿Están seguros mis datos de texto?
Sí. Todo el procesamiento de texto ocurre 100% en tu navegador usando la biblioteca JavaScript figlet.js. Tu texto nunca se envía a ningún servidor, nunca se almacena ni se registra. La herramienta funciona completamente sin conexión después de cargar la página. Los archivos de fuentes se cargan bajo demanda desde los activos incluidos, no desde servidores externos.
¿Cuáles son las opciones de diseño horizontal?
Predeterminado usa el espaciado previsto por el diseñador de la fuente. Completo agrega el máximo espaciado entre caracteres. Ajustado acerca los caracteres sin superposición. Compresión Controlada superpone caracteres según reglas definidas en el archivo de fuente. Compresión Universal superpone caracteres usando una regla universal donde el carácter derecho gana en posiciones superpuestas.
¿Qué fuentes están disponibles?
El generador incluye 25 fuentes seleccionadas de la biblioteca de fuentes FIGlet: Standard, Banner, Big, Block, Slant, Shadow, Small, Mini, Doom, Isometric1, Isometric3, 3-D, Gothic, Graffiti, Colossal, Larry 3D, Star Wars, Script, Bubble, Digital, Cyberlarge, ANSI Shadow, Rectangles, Ogre y Speed. Usa la pestaña Vista Previa para comparar todas las fuentes a la vez.
Ejemplos de Código
// Using figlet.js in Node.js
// Install: npm install figlet
const figlet = require('figlet');
// Synchronous usage
const result = figlet.textSync('Hello World', {
font: 'Standard',
horizontalLayout: 'default',
width: 80,
whitespaceBreak: true,
});
console.log(result);
// Asynchronous usage
figlet.text('Hello World', { font: 'Slant' }, (err, data) => {
if (err) {
console.error('Error:', err);
return;
}
console.log(data);
});
// List all available fonts
figlet.fonts((err, fonts) => {
console.log('Available fonts:', fonts.length);
});
// Wrap in comment syntax for code files
function wrapInComment(art, style) {
const lines = art.split('\n');
switch (style) {
case '//': return lines.map(l => `// ${l}`).join('\n');
case '#': return lines.map(l => `# ${l}`).join('\n');
case '/* */': return `/*\n${lines.map(l => ` * ${l}`).join('\n')}\n */`;
default: return art;
}
}
const banner = figlet.textSync('API Server', { font: 'Standard' });
console.log(wrapInComment(banner, '//'));
¿Cómo agrego arte ASCII como comentario de código?
Selecciona un estilo de envoltorio de comentario que coincida con tu lenguaje de programación: // para JavaScript/C/Go, # para Python/Ruby/Shell, /* */ para comentarios de bloque CSS/C, <!-- --> para HTML/XML, -- para SQL/Lua, % para LaTeX/MATLAB, o " para VimScript. El generador agregará automáticamente la sintaxis de comentario elegida a cada línea de la salida.