La copia di PNG con trasparenza dal browser mostra invece uno sfondo nero


48

Quando copio un'immagine PNG con trasparenza negli Appunti e successivamente la incollo in Photoshop, Paint, ecc., La trasparenza diventa nera.

C'è qualche soluzione alternativa per questo? È un problema del browser, un problema dell'applicazione o un problema del sistema operativo con gli Appunti?

Sto usando Windows 7 e testato con le ultime versioni di Chrome e Internet Explorer.


1
Per favore, elabora. Cosa stai copiando esattamente? Il .pngfile o la sua bitmap mentre è aperto in un editor / visualizzatore? Se è il file, Photoshop (dovrebbe) essere in grado di aprire correttamente il file, la trasparenza e tutto il resto. Se si tratta dei pixel effettivi dell'immagine, dipende dal programma sorgente e dal fatto che stia inserendo o meno i dati di trasparenza negli Appunti.
Synetech,

L'ordinamento dipende dal sistema operativo. Sembra che gli Appunti non siano in grado di contenere immagini semitrasparenti, ma alcuni browser mantengono invece il collegamento dell'immagine - questo, se incollato, ha una trasparenza inalterata.
Tomáš Zato,

Se si apre un file .png con trasparenza in MS Paint (Windows 10) o Firefox 60.0.2, lo sfondo viene visualizzato in bianco. Se si apre lo stesso file in IrfanView o Chrome 67.0.3396.87, lo sfondo viene visualizzato in nero. Se si apre lo stesso file in Paint.NET, lo sfondo viene visualizzato come una scacchiera grigia e bianca. Se lo apri con Paint 3D, lo sfondo viene visualizzato come beige. Se copi da MS Paint, lo sfondo diventa bianco opaco. Se copi da Paint.NET lo sfondo trasparente viene conservato negli Appunti di Win10, quindi ciò che accade dipende dal programma in cui lo incolli.
Dave Burton,

Risposte:


30

Copia-incolla non mantiene la trasparenza. Prova a salvare il file e quindi utilizzalo Open Filein Photoshop. AFAIK, Paint non ha la possibilità di salvare i file PNG abilitati per la trasparenza.


4
Sì, questo è quello che faccio. Speravo solo che ci fosse un altro modo per aggirarlo.
Ryan Elkins,

2
@ryan FWIW, questo in realtà sembra essere un bug sul lato Photoshop. Funziona in Paint.net, se copiato da IE, FF o Chrome. Ho pensato che forse una soluzione alternativa sarebbe stata "Incolla in Paint.net, seleziona tutto, copia, incolla in Photoshop", ma ciò non funziona: ottieni l'immagine su bianco anziché nero, ma senza trasparenza.
Kip

9
Solo una nota; puoi aprire l'URL in Photoshop, salvandoti il ​​passaggio intermedio; Windows ( sono sicuro che altri sistemi operativi faranno lo stesso ) lo scaricherà in un file temporaneo locale e si aprirà. Questo ( ho appena osservato ) mantiene la trasparenza.
Dan Lugg,

> Copia-incolla non mantiene la trasparenza. Dipende dalla fonte dei dati degli appunti.
Synetech,

Se incollato su PowerPoint / Word, la trasparenza verrà mantenuta.
Xiao Peng - ZenUML.com,

11

Pubblicare il commento di @DanLugg come risposta, poiché è il più conveniente per Windows , IMHO:

  1. Fare clic con il tasto destro sull'immagine e Copy Image URLdal browser.
  2. In Photoshop scegliere File->Open(ctrl-o) e incollare l'URL nella parte del nome file della finestra di dialogo.
    • Photoshop / Windows scaricherà l'URL in un file temporaneo e lo aprirà.

Per OS X , non esiste un campo in una finestra / finestra di dialogo Apri file in cui è possibile incollare un URI. Invece, è necessario scaricare il file e aprirlo (ad esempio trascinare dal browser al desktop, quindi trascinare il nuovo file sul Dock o nel documento Photoshop) e quindi eliminare il file temporaneo.


FWIW, questo sembra essere un problema di Photoshop , non un problema del browser o del sistema operativo. Su OS X e Windows, posso copiare un'immagine PNG con trasparenza da Chrome (e anche Safari su OS X) e incollarla in Illustrator o in altre applicazioni e mantenerla trasparente. Photoshop da solo è la colpa.


Questo è geniale, non avevo idea che Photoshop potesse aprirsi direttamente da un URL! Buona scoperta!
Doggie52,

1
Questa opzione non sembra essere disponibile per OSX. Qualcuno lo sa?
Christine Cooper,

@ChristineCooper La migliore opzione che conosco per OS X è scaricare l'immagine, quindi aprire, quindi eliminare l'originale. È "facile" come trascinare l'immagine in una cartella o desktop (che salva come file), quindi trascinarlo su Photoshop nel Dock o in un documento Photoshop aperto. Ho testato una varietà di opzioni usando sia Chrome che Safari insieme a Photoshop CS6 e non riesco a trovare un modo migliore, né usare gli Appunti.
Phrogz,

Sì, sto cercando di evitare l'opzione di download e apertura e desidero sostanzialmente ridurre i passaggi. Trascina e rilascia non funziona neanche. Si spera che in futuro gli utenti OSX saranno in grado di incollare gli URL in Photoshop. Grazie!
Christine Cooper,

Non è un problema di Photoshop. Il problema è che il formato degli Appunti utilizzato da qualsiasi copia non è in realtà ipotizzato come capace alfa. Photoshop sta seguendo correttamente le specifiche.
Nyerguds,

3

Prova questo: copia l'immagine trasparente, incolla in MS Word. POI copiarlo (o trascinare / rilasciare) da Word e incollarlo nell'altro programma di destinazione.

Ho trovato un incolla in Visio da Chrome che diventa nero, ma funziona correttamente in Word e quindi copiato da Word che incolla correttamente e in modo trasparente in Visio.


non farlo! Perdi lo sfondo trasparente!
Andrei Krasutski,

Non sono sicuro del motivo per cui mi stai dicendo di non farlo, è quello che faccio per preservare la trasparenza quando utilizzo Visio. Uso anche Word per aggiungere trasparenza (imposta il colore di sfondo e / o Rimuovi funzionalità di sfondo) quando non era un'immagine con trasparenza.
JamieRI,

1

Ho fatto una soluzione alternativa per risolvere il problema. L'esecuzione del mio script dopo aver copiato un PNG ti consente di incollare un'immagine da Chrome in Photoshop, Paint, ecc. Con la trasparenza al tatto.

Programma + Fonte: https://github.com/skoshy/CopyTransparentImages/releases

In caso di problemi, non esitare a farmi sapere qui o su Github!


Sarei interessato ai dettagli su questo. Cosa fa il tuo codice? Cosa si aspetta Photoshop per la trasparenza che non è nei dati degli Appunti?
Phrogz,

0

Puoi semplicemente trascinare l'immagine dal browser su Photoshop o qualsiasi altro programma che gestirà correttamente un file PNG.


1
Sembra un buon suggerimento, ma questo non funziona tra Chrome e Photoshop CC su Windows 7x64. Il [+]cursore viene visualizzato sul target di Photoshop, ma di conseguenza non viene aperta alcuna immagine.
Phrogz,

0

Ho passato molto tempo a esaminare questo aspetto. Ho usato Photoshop per copiare trame semi-trasparenti per qualche tempo durante la prototipazione (con la destinazione di Axure RP).

Ora, ho provato a utilizzare la nuova API degli Appunti in HTML 5. Ho analizzato i file PNG generati da questo processo.

Se uso gli Appunti (con un riquadro rettangolare) per copiare una trama semitrasparente nel browser con l'API degli Appunti, imposta il byte alfa su FF (completamente opaco).

Se utilizzo l'API di trascinamento della selezione per copiare un file PNG 24 "Salva come Web" nel browser, funziona come previsto e i pixel trasparenti funzionano (e il byte alfa non è forzato in FF).

Nota: anche se Photoshop dice che è a 24 bit, lo esporta effettivamente a 8 bit (confermato).


0

Per chiunque si chieda, se ottieni un colore di sfondo nero su un file PNG copiato anche quando lo apri manualmente, prova a controllare se non c'è un canale alfa.

Sembra che a seconda del software utilizzato per creare il PNG, la trasparenza a volte viene mantenuta all'interno dei livelli, ma un'altra volta viene mantenuta in un canale alfa.

Un trucco quando si trova nel canale alfa è semplicemente quello di CTRL + Fare clic sulla piccola anteprima del canale alfa per selezionarlo e quindi creare una maschera sul livello con lo sfondo nero dalla selezione. (Quindi è possibile eliminare il canale alfa)


0

Quindi mi sono stufato di questo fastidio e ho fatto una soluzione alternativa.

Ci sono due pezzi:

  • Una piccola utility che ho scritto per salvare l'immagine degli Appunti in un file .png
  • Uno script AutoHotKey

Lo script AutoHotKey verifica se Photoshop è attualmente attivo e, in tal caso, intercetta la combinazione di tasti Ctrl+ V, quindi esegue l'utilità.

Se l'utilità ha salvato un'immagine %TEMP%\clip.png, la combinazione di tasti Shift+ Ctrl+ F12viene inviata a Photoshop, che ho mappato su un'azione di Photoshop per posizionare il clip.pngfile nel documento attualmente aperto.

Se l'utility non ha salvato l'immagine, la combinazione di tasti standard Ctrl+ Vviene inviata a Photoshop e viene eseguita una copia standard.

Tutto il codice sorgente è disponibile qui: https://github.com/SilverEzhik/ClipboardToPNG , e l'utilità può essere scaricata qui: https://github.com/SilverEzhik/ClipboardToPNG/releases

Per creare l'azione Photoshop, basta fare una nuova azione con la combinazione di tasti mappata su Maiusc + Ctrl + F12 (o modificare la combinazione nel file di script), quindi durante la registrazione, andare su File> Place Embedded...e incollare %TEMP%\clip.pngnel campo del nome del file.

Di seguito viene fornito il codice sorgente per lo script AHK: se non hai mai utilizzato AutoHotKey in precedenza, installalo, quindi salva il codice in un filename.ahkfile nella stessa directory dell'utilità ClipboardToPNG.exe e quindi eseguilo.

DoPhotoshopPaste() {
    RunWait, %A_ScriptDir%\ClipboardToPNG.exe ; run utility, wait for it to complete
    if (ErrorLevel == 0) { ; if error code is 0
        SendEvent, +^{F12} ; press Shift+Ctrl+F12 to run the designated Photoshop action to paste
    }
    else { 
        SendEvent, ^v ; else, just perform a standard paste.
    }
}

#IfWinActive ahk_exe Photoshop.exe ; only activate this hotkey when photoshop is active
    ^v::DoPhotoshopPaste()
#IfWinActive
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.