Come Cambiare lo Sfondo di una Foto in Qualsiasi Colore (Bianco, Blu, Nero e Altri)

Sul sito

Apri lo strumento. Soggetto esegue il modello nel browser. Colore del bordo rimuove solo il colore che tocca il bordo esterno e lascia le aree interne di quel colore. La prima esecuzione in Soggetto scarica il modello. Il tempo dipende dal dispositivo. Controlla la trasparenza sulla scacchiera, poi su bianco, nero o un colore personalizzato. Scarica un PNG trasparente come file master. Il PNG piatto o il JPEG solo dopo un colore pieno. Il JPEG non conserva la trasparenza. Capelli, vetro, catene sottili e basso contrasto possono fallire.

Foto della fragola prima della rimozione dello sfondo — File originale di questo esempio: public/examples/example-fruit.png, 642 per 350 pixel.

Ritaglio della fragola esportato come PNG trasparente — Modalità Soggetto, PNG trasparente, sempre 642 per 350 pixel. Prodotto nel browser locale l’11 ottobre 2026. È un esempio, non un punteggio.

Lo stesso ritaglio esportato come JPEG su bianco — Lo stesso ritaglio con il bianco selezionato, scaricato come JPEG. 642 per 350 pixel, senza canale alfa.

Dettaglio del bordo della foglia nel PNG trasparente — Ritaglio del PNG trasparente intorno alle foglie. Cerca punte tagliate o un alone. Non è un risultato di qualità misurato.

Cambiare il colore dello sfondo è una modifica ad alto impatto per schede prodotto, foto tessera e creatività pubblicitarie. Il metodo più pulito è rimuovere prima e colorare dopo.

Passo 1: creare lo scontorno trasparente

Carica la tua foto su nobackground ed esporta un PNG con trasparenza.

Passo 2: aggiungere il colore di destinazione

Nello strumento, scegli bianco, nero o un colore personalizzato e scarica un PNG o JPEG piatto. Il JPEG non contiene trasparenza. L’output trasparente si scarica come PNG. Conserva il PNG trasparente come file master. Per i marketplace il bianco resta la scelta più sicura. Se la sorgente ha sbordature di bianco, usa prima Rimuovi Sfondo Bianco. Canva, Figma o Photoshop sono solo un passaggio successivo facoltativo, se ti servono testo, ombre o un layout che questo sito non crea.

Passo 3: esportare in base alla destinazione

Marketplace: di norma JPG bianco.
Adv e social: varianti di colore per test A/B.
Design system: conserva i PNG trasparenti come master.

Consiglio di strategia cromatica

Usa sfondi neutri per i cataloghi e colori di marca più decisi per le creatività di campagna. La coerenza conta quasi sempre più della novità.

Scelte di colore più comuni per caso d'uso

Il bianco puro (#FFFFFF) resta la scelta predefinita per la maggior parte dei marketplace perché corrisponde a come gli acquirenti si aspettano che appaia un catalogo. Il grigio chiaro (#F2F2F2 o simile) è un'alternativa comune che riduce il contrasto netto del bianco puro pur restando neutro. Per gli annunci sui social, gli sfondi con i colori del brand tendono a ottenere risultati migliori del semplice bianco o grigio perché si notano più in un feed affollato, anche se vale la pena testare entrambi perché i risultati variano in base al pubblico e alla categoria di prodotto.

Verificare un colore prima di pubblicarlo ovunque

Prima di applicare un nuovo colore di sfondo a un intero catalogo, provalo prima dietro una manciata di prodotti rappresentativi, inclusi gli articoli più chiari e più scuri. Un colore che sta benissimo dietro un prodotto scuro può far sembrare slavato uno chiaro, quindi vale la pena fare un controllo visivo rapido su alcune SKU invece di assumere che un colore funzioni universalmente.

Domande frequenti

Devo usare lo stesso colore di sfondo ovunque, inclusi i social?
Non necessariamente. I marketplace spesso richiedono o preferiscono fortemente il bianco, mentre i contenuti social e le inserzioni pubblicitarie di solito funzionano meglio con i colori del brand o varianti stagionali.

Qual è il modo più semplice per mantenere un file master per cambiare colore in futuro?
Conserva il PNG trasparente (prima di aggiungere qualsiasi colore di sfondo) come file master, così puoi inserire un nuovo colore in qualsiasi momento senza ripetere il ritaglio.

Considerazioni su contrasto e leggibilità

Riepilogo rapido

Se la tua inserzione o il tuo design mostreranno testo o badge di prezzo sopra il colore di sfondo, controlla il contrasto tra quel colore e il testo sovrapposto, non solo il colore rispetto al prodotto stesso. Uno sfondo che valorizza il prodotto ma rende un cartellino del prezzo difficile da leggere danneggerà le conversioni, anche se la foto sembra ottima da sola.

Uniformare il colore di sfondo in una linea di prodotti

Il flusso duraturo è lo scontorno, un PNG trasparente e poi bianco, nero o un colore personalizzato nello strumento. Un PNG o JPEG piatto può portare quel colore. Il JPEG non ha trasparenza. Saltare il master trasparente ed esportare solo un JPEG piatto blocca su un unico colore di campagna. Quando la palette cambia, lo scontorno ricomincia da zero.

Trappole nel controllo qualità del colore

Frangia chiara sui colori scuri del brand - controlla i bordi sull'hex reale, non solo sulla scacchiera.
Abbigliamento del soggetto che si confonde con il nuovo sfondo - alza il contrasto o scegli un altro hex.
Regole dei marketplace che pretendono il bianco puro (#FFFFFF), non il bianco panna del brand.

Se vendi lo stesso prodotto in più varianti di colore, mantenere un colore di sfondo coerente in tutta la linea di solito appare più professionale che scegliere una tonalità complementare per ogni variante. Gli acquirenti che scorrono una griglia di miniature riconoscono più rapidamente i prodotti quando lo sfondo è identico da un'inserzione all'altra, perché tra le immagini cambia solo il prodotto.

Appunti di test dai nostri giorni di catalogo

Quando elaboriamo set di prodotti di esempio, la via più rapida è lo scontorno e poi bianco, nero o un colore personalizzato nello strumento. Una board Figma o Canva serve solo dopo, per campioni condivisi, testo o layout. I team che saltano i campioni condivisi si inventano cinque bianchi quasi identici e la vetrina sembra improvvisata.

Riepilogo veloce

Quando appoggi uno scontorno su un colore del brand, controlla il contrasto di qualsiasi testo sovrapposto. Un ritratto su fluo può sembrare di carattere in Figma e non superare le WCAG su una landing page. Tieni una versione grigio neutro dello stesso scontorno per le impaginazioni ricche di testo.

Documenta gli hex di sfondo approvati accanto al master PNG. Designer che reinventano ogni volta il “blu quasi del brand” è il modo in cui gli asset di campagna smettono di corrispondere alla pagina di dettaglio prodotto.

Su questo sito i due passaggi sono lo scontorno e poi un colore pieno scelto nello strumento. L’output trasparente è PNG. Il risultato piatto può essere PNG o JPEG; il JPEG non ha trasparenza. Un altro editor è facoltativo e solo per testo, ombre o un layout che questo sito non crea. Conservare la versione trasparente come file master permanente permette di aggiornare il colore in seguito, per piattaforma o per campagna, senza toccare di nuovo il soggetto originale. Controlla il risultato prima di usarlo: capelli, vetro e linee sottili possono essere tagliati. Questo sito non ha un punteggio pubblicato.