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

39

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

Existe alguma solução para isso? Isso é um problema do navegador, um problema de aplicativo ou um problema do sistema operacional com a área de transferência?

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

    
por Ryan Elkins 25.01.2011 / 21:23

8 respostas

27

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

    
por 25.01.2011 / 22:17
9

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

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

Para o OS X , não há campo em uma caixa de diálogo Abrir Arquivo / Planilha, onde é possível colar um URI. Em vez disso, você deve fazer o download do arquivo e abri-lo (por exemplo, arrastar do navegador para a área de trabalho e arrastar o novo arquivo para o Dock ou para o documento do Photoshop) e excluir 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 do Safari no OS X) e colá-la no Illustrator ou em outros aplicativos e mantê-la transparente. Só o Photoshop é o culpado.

    
por 04.10.2017 / 16:43
3

Tente isto: copie a imagem transparente, cole no MS Word. Em seguida, copie-o (ou arraste / solte) da palavra e cole-o no outro programa alvo.

Encontrei uma pasta no Visio do Google Chrome fica preta, mas funciona corretamente no Word e, em seguida, copiada do Word é colada de forma adequada e transparente no Visio.

    
por 01.12.2014 / 03:20
1

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

    
por 21.09.2012 / 22:11
0

Eu passei muito tempo olhando para isso. Eu usei o Photoshop para copiar texturas semitransparentes por algum tempo enquanto protótipos (com o destino do Axure RP).

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

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

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

Nota: Mesmo que o Photoshop diga que é de 24 bits, ele realmente o exporta como 8 bits ainda (confirmado).

    
por 16.01.2013 / 11:15
0

Para qualquer pessoa que esteja se perguntando, se você obtiver uma cor de plano 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 do software usado para fazer o PNG, a transparência é mantida nas camadas, mas em outro momento, é mantida em um canal alfa.

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

    
por 18.01.2016 / 06:10
0

Eu fiz uma solução alternativa para resolver o problema. Executar meu script depois de copiar um PNG permite que você cole uma imagem do Chrome no Photoshop, no Paint, etc. com a transparência intacta.

Programa + Fonte: link

Se você tiver algum problema com isso, sinta-se à vontade para me informar aqui ou no Github!

    
por 01.02.2017 / 08:15
0

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

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á atualmente ativo e, em caso afirmativo, intercepta a combinação de chaves Ctrl + V e, em seguida, executa o utilitário.

Se o utilitário salvou uma imagem em %TEMP%\clip.png , a combinação de chaves Shift + Ctrl + F12 é enviada ao Photoshop, que mapeei para uma Ação do Photoshop para colocar o arquivo clip.png no documento atualmente aberto.

Se o utilitário não salvou a imagem, o combo de chave padrão Ctrl + V é enviado para o Photoshop e uma pasta padrão é executada.

Todo o código-fonte está disponível aqui: link , e o utilitário pode ser baixado aqui: link

Para criar o Photoshop Action, 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, em seguida, durante a gravação, vá para File > Place Embedded... e cole %TEMP%\clip.png no campo do nome do arquivo.

O código-fonte do script AHK é fornecido abaixo - se você nunca usou o AutoHotKey antes, instale-o e salve o código em um arquivo filename.ahk 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
    
por 15.05.2018 / 05:04