2011-01-25 20:23:48 +0000 2011-01-25 20:23:48 +0000
50
50
Advertisement

Al copiar PNG con transparencia desde el navegador se muestra un fondo negro en su lugar

Advertisement

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

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

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

Advertisement
Advertisement

Respuestas (8)

32
32
32
2011-01-25 21:17:34 +0000

Copiar y pegar no mantiene la transparencia. Intenta guardar el archivo y luego usar Open File en Photoshop. AFAIK, Paint no tiene la capacidad de guardar archivos png con transparencia.

12
12
12
2014-11-13 17:01:12 +0000

Publicando el comentario de @DanLugg como respuesta, ya que es la más conveniente para Windows , IMHO:

  1. Haz clic con el botón derecho del ratón sobre la imagen y Copy Image URL desde el navegador.
  2. En Photoshop elija File->Open (ctrl-o) y pegue la URL en la parte del nombre del archivo del diálogo.
  3. Photoshop/Windows descargará la URL en un archivo temporal y lo abrirá.

Para OS X , no hay ningún campo en el diálogo/hoja de abrir archivos donde se pueda pegar una URI. En su lugar, hay que descargar el archivo y abrirlo (por ejemplo, arrastrando desde el navegador al Escritorio, luego arrastrando el nuevo archivo al Dock o a su documento de Photoshop) y luego eliminar el archivo temporal.

  • *

Por cierto, esto parece ser un problema de Photoshop, no un problema del navegador o del 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 que mantenga la transparencia. La culpa es sólo de Photoshop.

3
Advertisement
3
3
2014-12-01 02:20:55 +0000
Advertisement

Prueba esto: copia la imagen transparente, pégala en MS Word. LUEGO cópiala (o arrastra/suelta) desde Word y pégala en el otro programa de destino.

He comprobado que un pegado en Visio desde Chrome se vuelve negro, pero funciona correctamente en Word, y luego copiado desde Word se pega correctamente y de forma transparente en Visio.

1
1
1
2017-02-01 07:15:07 +0000

He creado una solución que resuelve el problema. Ejecutando mi script después de copiar un PNG te permite pegar una imagen desde Chrome en Photoshop, Paint, etc. con la transparencia intacta.

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

Si te encuentras con algún problema, no dudes en decírmelo aquí o en Github.

0
Advertisement
0
0
2012-09-21 20:11:01 +0000
Advertisement

Sólo tienes que arrastrar la imagen desde el navegador a Photoshop o cualquier otro programa que maneje correctamente un archivo PNG.

0
0
0
2018-05-15 03:04:39 +0000

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

Tiene dos partes:

  • Una pequeña utilidad que escribí para guardar la imagen del portapapeles en un archivo .png
  • Un script AutoHotKey El script AutoHotKey comprueba si Photoshop está actualmente activo, y si es así intercepta la combinación de teclas Ctrl+V, y entonces ejecuta la utilidad.

Si la utilidad guardó una imagen en %TEMP%\clip.png, la combinación de teclas Shift+Ctrl+F12 es enviada a Photoshop, la cual he mapeado a una Acción de Photoshop para colocar el archivo clip.png en el documento actualmente abierto.

Si la utilidad no guardó la imagen, la combinación estándar de teclas Ctrl+V 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 haga 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.png en el campo del nombre del archivo.

El código fuente del script AHK se proporciona a continuación - si no ha utilizado AutoHotKey antes, instálelo, y guarde el código en un archivo filename.ahk en el mismo directorio que la utilidad ClipboardToPNG.exe, y luego simplemente 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
0
Advertisement
0
0
2016-01-18 05:10:30 +0000
Advertisement

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

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

Un truco cuando está en el canal alfa es simplemente hacer CTRL+Click 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 borrar el canal alfa)

0
0
0
2013-01-16 10:15:59 +0000

Acabo de dedicar mucho tiempo a investigar esto. Hace tiempo que uso Photoshop para copiar texturas semitransparentes mientras hago prototipos (con el destino de Axure RP).

Ahora, he probado a usar la nueva API del portapapeles en html 5. He diseccionado los archivos PNG que se generan con este proceso.

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

Si utilizo la API de arrastrar y soltar para copiar un archivo PNG 24 “Save as Web” al navegador, funciona como se espera y los píxeles transparentes funcionan (y el byte alfa no se fuerza a FF).

Nota: Aunque Photoshop diga que es de 24 bits, en realidad lo exporta como de 8 bits todavía (confirmado).

Advertisement

Preguntas relacionadas

9
13
7
7
6
Advertisement
Advertisement