Testo dietro l'immagine

Ritaglia il soggetto dalla tua foto e infila il testo nel mezzo, così le parole restano in parte nascoste dietro una persona, un animale o un prodotto. Tutto gira sul tuo dispositivo.

Cosa fa questo strumento per il testo dietro l'immagine

Questo strumento costruisce il celebre effetto testo-dietro-il-soggetto sovrapponendo tre livelli su una sola tela. Il primo livello è la tua foto originale, intatta. Il secondo è il tuo testo. Il terzo è un ritaglio del soggetto principale, salvato come PNG trasparente e disegnato pixel per pixel sulle stesse coordinate del primo livello. Poiché il livello superiore porta esattamente gli stessi pixel che la foto aveva già ovunque conservi qualcosa, il soggetto sembra stare davanti alle parole mentre il resto della scena resta dietro. Nulla viene cancellato o mascherato: l'illusione nasce interamente dall'ordine di disegno. Il ritaglio arriva da un modello di segmentazione degli oggetti salienti ISNet che gira tramite onnxruntime-web sulla tua macchina. I pesi del modello ammontano a circa 40MB e vengono scaricati una volta sola, dopodiché il browser li serve dalla cache. Non c'è alcun caricamento, nessun account, nessuna coda e nessun costo per immagine, ed è per questo che la pagina non ha filigrane né limiti d'uso. Dopo che il modello restituisce la sua maschera, un secondo passaggio erode il bordo della maschera di un pixel e sottrae il colore di sfondo residuo dai pixel semitrasparenti del contorno. Questo passaggio conta qui più che in un semplice rimuovi-sfondo: il soggetto sta sopra il tuo testo, quindi un pixel di bordo ancora tinto del vecchio colore di sfondo si leggerebbe come una frangia colorata tracciata sulle lettere. L'erosione di un pixel non costa nulla in questa composizione, perché il pixel sottostante è il pixel identico della foto intatta sul primo livello. Le immagini più lunghe di 2560 pixel sul lato maggiore vengono prima ridotte a quella misura, perché la pulizia dei bordi è un passaggio pixel per pixel con sondaggio dei pixel vicini e una foto da telefono da 24 megapixel bloccherebbe il browser per parecchi secondi. L'esportazione è sempre in PNG, così l'opacità parziale del testo e i bordi morbidi del soggetto sopravvivono intatti.

Quando conviene mettere il testo dietro un soggetto

L'effetto si guadagna il suo posto ogni volta che un titolo deve condividere lo spazio con una foto e non vuoi che nessuno dei due ci rimetta. Un titolo incollato piatto sopra un'immagine sembra sempre appiccicato. Lasciare invece che il soggetto si sovrapponga al testo crea un senso di profondità che si legge come lavoro di design voluto e non come ripensamento, e lo fa senza bisogno di un designer o di un abbonamento. L'uso più diffuso è il poster di un ritratto o il banner di un profilo, dove un nome o una singola parola sta dietro le spalle e la testa di una persona. È altrettanto a suo agio sulle foto di prodotto, dove il nome di un marchio o un prezzo scorre dietro l'oggetto, così l'oggetto resta il protagonista. È sulle piattaforme social che questo look si è diffuso: funziona bene sulle miniature dei video, sulle copertine di storie e reel e sulla grafica dei canali, perché regge meglio di una barra di didascalia il ridimensionamento a riquadro piccolo. Copertine di podcast, volantini di eventi, grafiche per palestre e sport e mockup in stile copertina di album usano tutti lo stesso trucco. È anche una risposta pratica a un problema di impaginazione. Quando una foto ha uno sfondo affollato e nessuna area pulita su cui appoggiare il testo, nascondere parte del testo dietro il soggetto dà all'occhio un punto d'appoggio e trasforma il disordine in qualcosa che la composizione sfrutta. E poiché tutto gira in locale, è sicuro anche per foto che non affideresti a un servizio di terze parti, come immagini di bambini, di clienti o di prodotti non ancora annunciati.

Dai a un poster o a una miniatura vera profondità, invece di una didascalia appoggiata piatta sopra la foto
Mantieni leggibile un nome o un titolo su uno sfondo affollato, lasciando che sia il soggetto a fargli da ancora
Lavora su foto private senza caricarle, perché il modello gira sul tuo dispositivo
Sperimenta liberamente con un'anteprima dal vivo, poi esporta un PNG pulito senza filigrane né registrazione

Come mettere il testo dietro un'immagine

Quattro passaggi, e solo il primo richiede tempo reale. Tutto ciò che segue il ritaglio viene ridisegnato all'istante, così puoi sperimentare quanto vuoi con parole e posizione prima di esportare.

1

Carica una foto con un solo soggetto ben distinguibile in primo piano, come una persona, un animale domestico o un singolo prodotto. Lascia un po' di spazio visibile attorno al soggetto, così il testo ha dove stare.

2

Premi Ritaglia il soggetto. Al primo utilizzo viene scaricato il modello di segmentazione, circa 40MB, mentre le volte successive si passa direttamente all'inferenza.

3

Scrivi il tuo testo, poi imposta carattere, spessore, colore, dimensione, rotazione, spaziatura e opacità. Trascina direttamente sull'anteprima per spostare il testo, oppure usa i cursori di posizione per le regolazioni fini.

4

Premi Componi ed esporta in PNG. I tre livelli vengono appiattiti in un'unica immagine alla piena risoluzione di lavoro e il download compare sotto l'anteprima.

Domande frequenti

No. Il modello di segmentazione viene scaricato nel tuo browser ed eseguito lì tramite onnxruntime-web, e i tre livelli vengono composti su una tela nella stessa pagina. La tua foto non lascia mai il dispositivo, ed è anche per questo che il primo utilizzo si ferma a scaricare circa 40MB di pesi del modello invece di inviare l'immagine da qualche parte più rapidamente.
Al primo utilizzo va scaricato il modello ISNet, circa 40MB, prima di poter fare qualsiasi cosa. Con una connessione normale sono in genere dai 10 ai 30 secondi. Il browser poi mette in cache il file, così ogni immagine successiva passa direttamente all'inferenza, che di solito richiede pochi secondi a seconda del tuo hardware.
Il modello è addestrato a individuare un solo oggetto saliente in primo piano. Dopo l'esecuzione, lo strumento misura quanta parte dell'inquadratura il ritaglio ha effettivamente conservato. Sotto l'uno percento considera il risultato un fallimento e si rifiuta di procedere, invece di consegnarti un'immagine in cui il testo sta semplicemente piatto sopra tutta la foto fingendo che abbia funzionato. Paesaggi, folle, still life visti dall'alto e screenshot non hanno un singolo soggetto dominante e di solito non superano questo controllo.
Se il ritaglio conserva più del 97 percento dell'inquadratura, il livello del soggetto coprirebbe completamente il testo e l'esportazione risulterebbe identica all'immagine di partenza. È l'altro caso di fallimento silenzioso, quindi lo strumento si ferma e chiede una foto con spazio visibile attorno al soggetto.
La segmentazione degli oggetti salienti produce una maschera alfa morbida, e ciocche sottili, pelo, mosso, veli e oggetti trasparenti come vetro o acqua non hanno un contorno netto da individuare. Lo strumento erode la maschera di un pixel e sottrae il colore di sfondo residuo dai pixel di bordo parzialmente trasparenti, il che elimina gran parte della frangia colorata che altrimenti vedresti sopra le lettere, ma non può inventare un dettaglio che la maschera non ha mai catturato. I soggetti dal contorno netto danno i risultati migliori.
Tutto ciò che supera i 2560 pixel sul lato lungo viene ridotto a quel limite prima dell'elaborazione. La pulizia dei bordi è un passaggio pixel per pixel che sonda anche i pixel vicini, quindi su una foto da 24 megapixel bloccherebbe la scheda per parecchio tempo e allocherebbe diversi buffer a piena inquadratura. L'anteprima ti indica la dimensione originale e quella di lavoro ogni volta che questo accade. 2560 pixel sono più che sufficienti per miniature, post social e poster da schermo.
Al momento no. L'elenco dei caratteri è limitato a quelli inclusi nei sistemi operativi più diffusi, perché l'esportazione viene disegnata con l'API di testo del canvas e un webfont non ancora caricato ripiegherebbe in silenzio su un altro carattere, producendo un PNG scaricato diverso da quello che avevi visto in anteprima. Se ti serve un carattere specifico, esporta qui il PNG composto e imposta il testo nel tuo editor.
Il livello del testo supporta l'opacità parziale e il ritaglio del soggetto ha bordi morbidi e in parte trasparenti. Il JPEG dovrebbe appiattire entrambi e aggiungerebbe artefatti di compressione proprio lungo il confine ad alto contrasto tra le lettere e il soggetto, che è la parte dell'immagine da cui dipende tutto l'effetto. Il PNG mantiene pulita quella sovrapposizione.

Altri Strumenti per Immagini

Esplora altri potenti strumenti per le tue esigenze di modifica immagini

Comprimi Immagine

Riduci dimensione

Ridimensiona

Cambia dimensioni

Ritaglia Immagine

Taglia area

Converti Formato

Cambia formato

Editor Foto

Modifica foto

Ruota Immagine

Ruota immagine

Capovolgi Immagine

Orizzontale/Verticale

Aggiungi Filigrana

Filigrana

Aggiungi Bordo

Aggiungi bordo immagine

Angoli Arrotondati

Aggiungi angoli arrotondati

Filtri

Luminosità/Contrasto

Sfoca Volto

Nascondi volti

Mosaico

Sfoca regioni

Rimuovi Sfondo

Rimuovi sfondo

Migliora Immagine

IA upscale

Aggiungi Testo

Aggiungi testo all'immagine

Collage

Combina più immagini

HTML a Immagine

Web a immagine

GIF in Sequenza

Estrai frame

Ritaglia immagini

Rimuovi i bordi vuoti

Rinomina immagini in blocco

Rinomina i file in modo sicuro

Ritaglio Circolare

Ritaglia immagini in cerchi

Bianco e Nero

Converti immagini in scala di grigi

Dividi Immagine

Taglia un'immagine in una griglia

Unisci Immagini

Combina immagini in una sola

Cambia DPI

Imposta i metadati DPI dell'immagine

Immagine in Base64

Codifica immagini in Base64

Immagine in PDF

Unisci immagini in un unico PDF

Da HEIC a JPG

Converti foto iPhone HEIC in JPG

Rimuovi dati EXIF

Visualizza ed elimina i metadati nascosti delle foto, inclusa la posizione GPS

Generatore di Favicon

Set completo di icone più HTML

Tavolozza Colori

Estrai i colori da un'immagine

Base64 in Immagine

Decodifica il Base64 in un'immagine

Da HEIC a PNG

Converti foto iPhone HEIC in PNG senza perdite

Selettore di colore

Ottieni HEX, RGB e HSL di qualsiasi pixel

Crea Firma

Disegna una firma e scaricala come PNG trasparente

Rimuovi Sfondo dalla Firma

L'inchiostro dalla carta, su trasparenza

Sfondo Trasparente

Rendi trasparente uno sfondo