Copiar PNG con transparencia desde el navegador muestra un fondo negro

Cuando copio una imagen PNG con transparencia en el portapapeles y luego la pego en Photoshop, Paint, etc., la transparencia se vuelve negra.

¿Hay alguna solución para esto? ¿Es este un problema del navegador, un problema de la aplicación o un problema del sistema operativo con el portapapeles?

Estoy usando Windows 7 y probé con las últimas versiones de Chrome e Internet Explorer.

Copiar-Pegar no mantiene la transparencia. Intenta guardar el archivo y luego úsalo Open Fileen Photoshop. AFAIK, Paint no tiene la capacidad de guardar archivos PNG con transparencia activada.

Publicando el comentario de @DanLugg como respuesta, ya que es lo más conveniente para Windows , en mi humilde opinión:

1. Haga clic derecho en la imagen y Copy Image URLdesde el navegador.
2. En Photoshop, elija File->Open(ctrl-o) y pegue la URL en la parte del nombre de archivo del cuadro de diálogo.
   • Photoshop / Windows descargará la URL a un archivo temporal y lo abrirá.

Para OS X , no hay campo en un cuadro de diálogo / hoja Abrir archivo donde se pueda pegar un URI. En su lugar, debe descargar el archivo y abrirlo (por ejemplo, arrastre del navegador al escritorio, luego arrastre el nuevo archivo al Dock o al documento de Photoshop) y luego elimine el archivo temporal.

FWIW, esto parece ser un problema de Photoshop , no un problema de navegador o sistema operativo. Tanto en OS X como en Windows, puedo copiar una imagen PNG con transparencia desde Chrome (y también Safari en OS X) y pegarla en Illustrator u otras aplicaciones y hacer que mantenga la transparencia. Photoshop solo tiene la culpa.

Prueba esto: copia la imagen transparente, pégala en MS Word. ENTONCES cópielo (o arrastre / suelte) de Word y péguelo en el otro programa de destino.

Encontré una pasta en Visio desde Chrome que se vuelve negra, pero funciona correctamente en Word, y luego la copié de Word, la pega de manera correcta y transparente en Visio.

Hice una solución alternativa que aborda el problema. Ejecutar mi script después de copiar un PNG le permite pegar una imagen de Chrome en Photoshop, Paint, etc. con la transparencia intacta.

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

Si tiene algún problema con él, ¡no dude en hacérmelo saber aquí o en Github!

Simplemente puede arrastrar la imagen desde el navegador a Photoshop o cualquier programa que maneje correctamente un archivo PNG.

Acabo de pasar mucho tiempo investigando esto. He usado Photoshop para copiar texturas semitransparentes durante algún tiempo durante la creación de prototipos (con el destino de Axure RP).

Ahora, he intentado usar la nueva API del portapapeles en html 5. Diseccioné los archivos PNG generados por este proceso.

Si uso el portapapeles (con un recuadro rectangular) para copiar una textura semitransparente al navegador con la API del portapapeles, establece el byte alfa en FF (completamente opaco).

Si utilizo la API de arrastrar y soltar para copiar un archivo PNG 24 "Guardar como Web" en el navegador, funciona como se espera y funcionan los píxeles transparentes (y el byte alfa no está forzado a FF).

Nota: Incluso aunque Photoshop dice que es de 24 bits, en realidad lo exporta como 8 bits (confirmado).

Para cualquiera que se pregunte, si obtiene un color de fondo negro en un archivo PNG copiado incluso al abrirlo manualmente, intente verificar si no hay un canal alfa.

Parece que dependiendo de qué software se utilizó para hacer el PNG, la transparencia a veces se mantiene dentro de las capas, pero en otras ocasiones, se mantiene en un canal alfa.

Un truco cuando está en el canal alfa es simplemente CTRL + clic en la pequeña vista previa del canal alfa para seleccionarlo y luego crear una máscara en la capa con el fondo negro de la selección. (Entonces puedes eliminar el canal alfa)

Así que me harté de esta molestia e hice una solución.

Hay dos piezas:

• Una pequeña utilidad que escribí para guardar la imagen del portapapeles en un archivo .png
• Un script de AutoHotKey

El script AutoHotKey comprueba si Photoshop está actualmente activo, y si es así, intercepta la combinación de teclas Ctrl+ V, y luego ejecuta la utilidad.

Si la utilidad guardó una imagen %TEMP%\clip.png, la combinación de teclas Shift+ Ctrl+ F12se envía a Photoshop, que he asignado a una Acción de Photoshop para colocar el clip.pngarchivo en el documento abierto actualmente.

Si la utilidad no guardó la imagen, el combo estándar Ctrl+ Vtecla se envía a Photoshop y se realiza un pegado estándar.

Todo el código fuente está disponible aquí: https://github.com/SilverEzhik/ClipboardToPNG , y la utilidad se puede descargar aquí: https://github.com/SilverEzhik/ClipboardToPNG/releases

Para crear la Acción de Photoshop, simplemente realice una nueva acción con la combinación de teclas asignada a Shift + Ctrl + F12 (o cambie la combinación en el archivo de script), y luego, mientras graba, vaya a File> Place Embedded...y pegue %TEMP%\clip.pngen el campo de nombre de archivo.

El código fuente de la secuencia de comandos AHK se proporciona a continuación: si no ha utilizado AutoHotKey antes, instálelo, guarde el código en un filename.ahkarchivo en el mismo directorio que la utilidad ClipboardToPNG.exe y luego ejecútelo.

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