Generatore di Meme
Scegli un'immagine, scrivi una didascalia in alto e una in basso, e scarica il meme finito. Le didascalie vengono messe in maiuscolo, centrate e ridimensionate automaticamente — il classico testo bianco con contorno nero, proprio come gli originali.
Scegli un JPG, PNG o WebP per iniziare — niente viene caricato, si apre direttamente nell'editor qui sotto.
Aggiungi testo a qualsiasi immagine senza caricarla da nessuna parte
Questo strumento carica la tua immagine in un <img>, legge le sue dimensioni reali in pixel
da naturalWidth/naturalHeight, e
imposta un <canvas> esattamente a quella
misura — così il meme scaricato ha la stessa risoluzione della
tua foto originale, mai stirata né ricampionata. Ogni didascalia
viene disegnata con ctx.strokeText() in nero prima di ctx.fillText() in bianco, ed è
proprio questo a produrre il classico contorno nero spesso
attorno alle lettere bianche: il tratto viene disegnato per
primo e il riempimento vi si posa sopra, non il contrario.
Esempio pratico
Scrivi "non si entra semplicemente" nel campo
in alto e viene disegnato come NON SI ENTRA SEMPLICEMENTE — grande, centrato e
comodamente entro la larghezza dell'immagine, perché una
didascalia breve entra alla dimensione iniziale al primo
tentativo. Ora prova qualcosa di molto più lungo, come
"non si entra semplicemente a mordor senza un bel po' di
pianificazione e qualche snack"
. Alla stessa dimensione iniziale quella didascalia uscirebbe da
entrambi i lati del canvas, quindi lo strumento la misura con ctx.measureText(), scopre che è troppo larga, e
riduce la dimensione del font — rimisurando a ogni passo —
finché il testo non entra su una riga o va a capo su una seconda
o terza riga a una dimensione ancora leggibile. Non vedi mai il
traboccamento; la didascalia arriva semplicemente più piccola ed
eventualmente divisa su più righe invece di uscire dai bordi.
Domande frequenti
La mia immagine viene caricata su qualche server?
No. Il file viene decodificato localmente e disegnato su un elemento <canvas> nella pagina con il Canvas API del browser, le didascalie vengono renderizzate direttamente su quel canvas, e canvas.toBlob() genera il PNG scaricabile — tutto sul tuo dispositivo. Niente viene mai inviato a un server.
Perché la mia didascalia diventa automaticamente TUTTA MAIUSCOLA?
È la convenzione classica dei meme: testo in grassetto e maiuscolo con un font condensato come Impact è ciò che rende le didascalie sopra/sotto leggibili all'istante su un'immagine carica di dettagli, ed è lo stile usato da quasi ogni template. Questo strumento mette in maiuscolo entrambi i campi automaticamente, quindi non serve tenere premuto Bloc Maiusc — scrivi normalmente e viene convertito per te.
Perché il font della mia didascalia è più piccolo del previsto?
Adattamento automatico. Prima di disegnare, lo strumento misura la tua didascalia con ctx.measureText a una dimensione iniziale grande, e se è più larga dell'immagine (o richiede più di tre righe), riduce la dimensione del font passo dopo passo e rimisura finché il testo non entra comodamente nella larghezza del canvas — oppure va a capo su una seconda o terza riga se ancora non entra anche a una dimensione minima ragionevole. Le didascalie brevi restano grandi e vistose; quelle lunghe si riducono automaticamente invece di uscire dai bordi.
Che file ottengo quando scarico?
Un PNG con le stesse dimensioni in pixel della tua immagine originale (la larghezza e altezza naturali che aveva), generato con canvas.toBlob(). Trattandosi di un ridisegno completo del canvas, le didascalie restano incorporate permanentemente nei pixel — non c'è nient'altro da modificare dopo il download, proprio come un vero meme.