Generador de Memes
Elige una imagen, escribe un texto superior e inferior, y descarga el meme terminado. Los textos se ponen en mayúsculas, se centran y se ajustan automáticamente — el clásico texto blanco con contorno negro, igual que los originales.
Elige un JPG, PNG o WebP para empezar — nada se sube, se abre directamente en el editor de abajo.
Añade texto a cualquier imagen sin subirla a ningún sitio
Esta herramienta carga tu imagen en un <img>,
lee sus dimensiones reales en píxeles desde naturalWidth/naturalHeight, y ajusta un <canvas> exactamente a esas medidas — así el
meme descargado tiene la misma resolución que tu foto original,
sin estirarse ni recomprimirse. Cada texto se dibuja con ctx.strokeText() en negro antes de ctx.fillText() en blanco, que es justo lo que
produce el contorno negro grueso alrededor de las letras
blancas: el trazo se dibuja primero y el relleno queda encima,
no al revés.
Ejemplo práctico
Escribe "uno no simplemente" en el campo
superior y se dibuja como UNO NO SIMPLEMENTE —
grande, centrado y cómodamente dentro del ancho de la imagen,
porque un texto corto encaja en el tamaño inicial al primer
intento. Ahora prueba algo mucho más largo, como
"uno no simplemente entra a mordor sin un montón de
planificación y algo para picar"
. Con el mismo tamaño inicial ese texto se saldría por ambos
lados del canvas, así que la herramienta lo mide con ctx.measureText(), comprueba que es demasiado
ancho, y reduce el tamaño de fuente — volviendo a medir en cada
paso — hasta que el texto cabe en una línea o se divide en una
segunda o tercera línea con un tamaño que sigue siendo legible.
Nunca ves el desbordamiento; el texto simplemente llega más
pequeño y posiblemente dividido en varias líneas en vez de
salirse por los bordes.
Preguntas frecuentes
¿Mi imagen se sube a algún servidor?
No. El archivo se decodifica localmente y se dibuja en un elemento <canvas> dentro de la página con la API Canvas del navegador, los textos se renderizan directamente sobre ese canvas, y canvas.toBlob() genera el PNG descargable — todo en tu dispositivo. Nada se envía nunca a un servidor.
¿Por qué mi texto se convierte automáticamente en MAYÚSCULAS?
Es la convención clásica de los memes: texto en negrita y mayúsculas con una tipografía condensada como Impact es lo que hace que los textos superior e inferior se lean al instante sobre una imagen cargada, y es el estilo que usan casi todas las plantillas. Esta herramienta pone en mayúsculas ambos campos automáticamente, así que no necesitas mantener pulsado Bloq Mayús — escribe normal y se convierte por ti.
¿Por qué mi texto salió más pequeño de lo que esperaba?
Ajuste automático. Antes de dibujar, la herramienta mide tu texto con ctx.measureText a un tamaño inicial grande, y si es más ancho que la imagen (o necesita más de tres líneas), reduce el tamaño de fuente paso a paso y vuelve a medir hasta que el texto encaje cómodamente en el ancho del canvas — o se divide en una segunda o tercera línea si sigue sin caber incluso a un tamaño mínimo razonable. Los textos cortos se mantienen grandes y llamativos; los largos se reducen automáticamente en vez de salirse de los bordes.
¿Qué archivo obtengo al descargar?
Un PNG con las mismas dimensiones en píxeles que tu imagen original (el ancho y alto naturales que tenía), generado con canvas.toBlob(). Como es un redibujado completo del canvas, los textos quedan incrustados permanentemente en los píxeles — no hay nada más que editar después de descargar, igual que un meme real.