Aggiungi trasparenza a un PNG esistente

63

Mi piacerebbe usare questa immagine su un sito web.

inserisci qui la descrizione dell'immagine

Quello che devo fare è cambiare lo sfondo da nero a trasparente, così posso usare la freccia sul mio sito mantenendo lo sfondo della pagina.

Ho usato Gimp per convertire l'immagine in .png, ma come posso procedere ora?

— Paolo
fonte

2

Per chiunque cerchi una soluzione Photoshop per convertire trasparenti sfondi bianchi o neri, consulta questa discussione .

— Giovanni,

70

Lo strumento Color to Alpha di GIMP è molto utile se sai come usarlo , e questa attività sembra particolarmente adatta ad esso:

Apri l'immagine in GIMP e, se necessario, modificala in modalità colore RGB.
Seleziona Livello → Trasparenza → Colore ad alfa ...
Seleziona nero ( #000000) come colore per rendere trasparente.
Fai clic su "OK".
Salva l'immagine risultante in formato PNG:

— Ilmari Karonen
fonte

2

Fantastico, questa era solo la risposta di cui avevo bisogno! Solo un avvertimento: se l'opzione 'color to alpha' è disattivata, significa che l'immagine è in modalità colore indicizzato. Per correggere, vai su Immagine -> Modalità -> RGB. Saluti!

@Heather: Grazie per averlo individuato, ho aggiunto una nota al riguardo alla risposta. In effetti, la conversione in RGB è di solito la prima cosa che vuoi fare ad immagini indicizzate in GIMP, a meno che tu non voglia che le tue modifiche siano vincolate alla tavolozza esistente.

— Ilmari Karonen,

Come si fa nell'editor grafico Paint.NET?

— Boris_yo,

1

@Boris_yo: sembra che il plugin Unblend per Paint.NET dovrebbe fare lo stesso di Color to Alpha in GIMP. Non l'ho provato da solo, comunque.

— Ilmari Karonen,

Grazie ha funzionato, ma la firma era nera perché un po 'più luminosa. Ho provato a giocare con luminosità e contrasto e mi ha aiutato solo un po '.

— Boris_yo,

11

È possibile utilizzare lo strumento Seleziona per GIMP per colore o lo strumento Bacchetta magica. Ad ogni modo, basta selezionare tutti i pixel neri. Quindi, invece di eliminare i pixel selezionati, applica una maschera di livello:

Layer -> Mask -> Add layer mask

Seleziona il Selectionpulsante " " e assicurati di selezionare la Invert maskcasella " ". Ora, tutti i pixel neri sono trasparenti.

Esporta come PNG o GIF.

Il problema è nei bordi attorno alla freccia, dove potresti avere dei pixel neri per formare un mascherino. Non lo so in GIMP ma Photoshop ha una bella funzione per rimuovere il mascherino precedente e / o aggiungere un mascherino di tua scelta.

— vulkanino
fonte

4

Non uso gimp, ma questa immagine è un caso semplice in cui dovrebbe essere semplice ottenere una trasparenza decente.

Se selezioni l'intera immagine e poi la usi (o meglio la versione in scala di grigi) come canale alfa, hai quasi finito.

A seconda delle funzionalità di esportazione del tuo software, puoi semplicemente selezionare l'alfa come trasparenza PNG oppure puoi usare il canale alfa come maschera di selezione ed eliminare la selezione (errata) o utilizzare la slection come maschera di livello (non distruttiva), quindi esportare.

— Horatio
fonte

4

Ecco un'utile tecnica GIMP che ho usato di recente per questo - probabilmente simile a "Color To Alpha" (Color To Alpha era in grigio per me, anche se ero in modalità RGB), ma questo metodo mi ha dato qualche personalizzazione utile per quanto "morbido "volevo che i bordi venissero fuori (al contrario delle tecniche di bacchetta magica che lasciano un sottile bordo nero attorno all'immagine, piuttosto che renderli parzialmente trasparenti).

In breve, ho copiato una versione in scala di grigi dell'immagine originale nella sua maschera di livello / canale alfa, quindi ho usato Curve sul canale alfa per rendere opaca la maggior parte dell'immagine mentre regolavo la trasparenza dei bordi. Effetto molto bello e molto personalizzabile.

Ecco una procedura dettagliata per farlo:

A partire da un livello con l'immagine originale su di esso chiamato "immagine"
Duplica il livello "immagine" su un nuovo livello chiamato "immagine alfa" (con il pulsante Duplica livello nella finestra di dialogo Livelli)
Colors > Desaturate... > Lightness sul livello "image alpha"
Fai clic con il pulsante destro del mouse sul livello "immagine" e Add Alpha(se non lo hai già fatto)
Copia tutto "immagine alfa" (nel livello "immagine alfa", Select All& Copy)
Paste sul canale Alpha di "immagine" (fai clic sulla miniatura destra del livello "immagine" e incollalo)
- I passaggi precedenti sono probabilmente identici al singolo comando "Color to Alpha"
Opzionale: fai clic con il pulsante destro del mouse su "immagine" e Show Layer Mask(dovrebbe mostrarti cosa hai incollato). Se lo ometti, puoi vedere la trasparenza cambiare, in tempo reale, durante il passaggio successivo.
Color > Curves
Nella finestra di dialogo Curve, appiattisci la curva lungo la parte superiore e quindi rapidamente declinando a sinistra, facendo diventare la maggior parte dei pixel luminosi completamente bianchi (ovvero, l'immagine è opaca lì).
Deseleziona Show Layer Maskper vedere la trasparenza applicata.

Spostando il punto di saturazione Curve (nella parte superiore delle curve) e la velocità con cui si riduce, è possibile modificare la quantità di bordi dell'immagine trasparenti e la quantità.

— Demis
fonte

1

Ciao Demis, benvenuto in GDSE e grazie per la tua risposta! Al fine di rendere più leggibile il tuo how-to, ti consiglio di utilizzare le opzioni "elenco elenco" o "elenco numerato". Grazie ancora e goditi il sito!

— Vincent,

2

Puoi usare Adobe Photoshop. Vai a Seleziona -> Gamma colori . Tenendo premuto Maiusc , fai clic sul colore che devi rimuovere (nero nella custodia). Premere OK. Quindi verrà selezionato tutto il tuo nero; ora premi cancella.

— Diana Alexescu
fonte