Copiar PNG com transparência do navegador mostra um fundo preto

Quando copio uma imagem PNG com transparência para a área de transferência e, em seguida, colo-a no Photoshop, Paint etc. - a transparência fica preta.

Existe alguma solução alternativa para isso? Esse é um problema do navegador, do aplicativo ou do SO da área de transferência?

Estou usando o Windows 7 e testei com as versões mais recentes do Chrome e do Internet Explorer.

Copiar e colar não mantém a transparência. Tente salvar o arquivo e use Open Fileno Photoshop. AFAIK, o Paint não tem a capacidade de salvar arquivos png com transparência.

Postando o comentário por @DanLugg como resposta, pois é o mais conveniente para Windows , IMHO:

1. Clique com o botão direito do mouse na imagem e Copy Image URLno navegador.
2. No Photoshop, escolha File->Open(ctrl-o) e cole o URL na parte do nome do arquivo da caixa de diálogo.
   • O Photoshop / Windows fará o download do URL para um arquivo temporário e o abrirá.

Para o OS X , não há campo em uma pasta / caixa de diálogo Abrir arquivo em que se possa colar um URI. Em vez disso, você deve baixar o arquivo e abri-lo (por exemplo, arraste do navegador para o Desktop, depois arraste o novo arquivo para o Dock ou para o documento do Photoshop) e exclua o arquivo temporário.

FWIW, isso parece ser um problema do Photoshop , não um problema no navegador ou no sistema operacional. No OS X e no Windows, posso copiar uma imagem PNG com transparência do Chrome (e também o Safari no OS X) e colá-la no Illustrator ou em outros aplicativos e manter a transparência. Somente o Photoshop é o culpado.

Tente isto: copie a imagem transparente, cole no MS Word. ENTÃO copie-o (ou arraste / solte) da palavra e cole-o no outro programa de destino.

Encontrei uma pasta no Visio do Chrome que fica preta, mas funciona corretamente no Word e, em seguida, copiada do Word, ela cola de forma adequada e transparente no Visio.

Fiz uma solução alternativa que aborda o problema. A execução do meu script depois de copiar um PNG permite colar uma imagem do Chrome no Photoshop, Paint etc. com a transparência intacta.

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

Se você tiver algum problema, não hesite em me avisar aqui ou no Github!

Você pode simplesmente arrastar a imagem do navegador para o Photoshop ou qualquer outro programa que lide adequadamente com um arquivo PNG.

Passei muito tempo investigando isso. Eu usei o Photoshop para copiar texturas semi-transparentes por algum tempo durante a criação de protótipos (com o destino do Axure RP).

Agora, tentei usar a nova API da área de transferência no html 5. Dissecei os arquivos PNG gerados por esse processo.

Se eu usar a área de transferência (com uma marca retangular) para copiar uma textura semi-transparente para o navegador com a API da área de transferência, ela definirá o byte alfa como FF (completamente opaco).

Se eu usar a API de arrastar e soltar para copiar um arquivo PNG 24 "Salvar como Web" no navegador, ele funcionará conforme o esperado e os pixels transparentes (e o byte alfa não será forçado a FF).

Nota: Mesmo que o Photoshop diga que é 24 bits, na verdade o exporta como 8 bits ainda (confirmado).

Para quem se perguntar, se você obtiver uma cor de fundo preta em um arquivo PNG copiado, mesmo ao abri-lo manualmente, tente verificar se não há um canal alfa.

Parece que, dependendo de qual software foi usado para criar o PNG, a transparência às vezes é mantida dentro das camadas, mas outras vezes, em um canal alfa.

Um truque quando está no canal alfa é simplesmente CTRL + Clique na pequena visualização do canal alfa para selecioná-lo e depois criar uma máscara na camada com o fundo preto da seleção. (Em seguida, você pode excluir o canal alfa)

Então, eu me cansei desse aborrecimento e fiz uma solução alternativa.

Existem duas partes:

• Um pequeno utilitário que escrevi para salvar a imagem da área de transferência em um arquivo .png
• Um script AutoHotKey

O script AutoHotKey verifica se o Photoshop está ativo no momento e, se estiver, intercepta a combinação de teclas Ctrl+ Ve, em seguida, executa o utilitário.

Se o utilitário salvou uma imagem %TEMP%\clip.png, a combinação de teclas Shift+ Ctrl+ F12é enviada para o Photoshop, que mapeei para uma ação do Photoshop para colocar o clip.pngarquivo no documento aberto no momento.

Se o utilitário não salvou a imagem, a combinação padrão de teclas Ctrl+ Vé enviada ao Photoshop e uma pasta padrão é executada.

Todo o código-fonte está disponível aqui: https://github.com/SilverEzhik/ClipboardToPNG , e o utilitário pode ser baixado aqui: https://github.com/SilverEzhik/ClipboardToPNG/releases

Para criar a ação do Photoshop, basta fazer uma nova ação com a combinação de teclas mapeada para Shift + Ctrl + F12 (ou alterar a combinação no arquivo de script) e, durante a gravação, vá para File> Place Embedded...e cole %TEMP%\clip.pngno campo nome do arquivo.

O código fonte do script AHK é fornecido abaixo - se você não tiver usado o AutoHotKey antes, instale-o e salve o código em um filename.ahkarquivo no mesmo diretório que o utilitário ClipboardToPNG.exe e, em seguida, execute-o.

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