58 votos

Copiar PNG con transparencia desde el navegador muestra un fondo negro en su lugar

Cuando copio una imagen PNG con transparencia al 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 probado con las últimas versiones de Chrome e Internet Explorer.

1 votos

Por favor, explíquese. ¿Qué está copiando exactamente? El .png o su mapa de bits mientras está abierto en un editor/visualizador? Si es el archivo, entonces Photoshop (debería) ser capaz de abrir el archivo correctamente, con transparencia y todo. Si se trata de los píxeles reales de la imagen, entonces depende del programa de origen y de si pone los datos de transparencia en el portapapeles o no.

0 votos

Depende del sistema operativo. El portapapeles parece que no puede contener imágenes semitransparentes, pero algunos navegadores mantienen el enlace de la imagen en su lugar - esto, cuando se pega, tiene la transparencia sin alterar.

0 votos

Si abres un archivo .png con transparencia en MS Paint (Windows 10) o Firefox 60.0.2 el fondo se muestra como blanco. Si abre el mismo archivo en IrfanView o Chrome 67.0.3396.87 el fondo se muestra como negro. Si abre el mismo archivo en Paint.NET, el fondo se muestra como un tablero de ajedrez gris y blanco. Si lo abres con Paint 3D el fondo se muestra en color beige. Si copias desde MS Paint, el fondo se vuelve blanco opaco. Si copias desde Paint.NET el fondo transparente SE CONSERVA en el portapapeles de Win10, así que lo que ocurra dependerá del programa en el que lo pegues.

34voto

Jan. Puntos 246

Copiar y pegar no mantiene la transparencia. Pruebe a guardar el archivo y luego utilice Open File en Photoshop. Según tengo entendido, Paint no tiene la capacidad de guardar archivos png con transparencia.

5 votos

Sí, esto es lo que hago. Sólo esperaba que hubiera alguna otra forma de evitarlo.

2 votos

@ryan FWIW, esto realmente parece ser un error en el lado de Photoshop. Funciona en Paint.net, cuando se copia desde IE, FF o Chrome. Pensé que tal vez una solución sería "Pegar en Paint.net, seleccionar todo, copiar, pegar en Photoshop", pero eso no funciona - se obtiene la imagen en blanco en lugar de negro, pero todavía sin transparencia.

11 votos

Sólo una nota; puedes abrir la URL en Photoshop, ahorrándote el paso intermedio; Windows ( Estoy seguro de que otros sistemas operativos harán lo mismo ) lo descargará en un archivo temporal local, y lo abrirá. Esto ( Acabo de observar ) conserva la transparencia.

14voto

marinos35 Puntos 61

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

  1. Haga clic con el botón derecho en 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.
    • Photoshop/Windows descargará la URL en un archivo temporal y la abrirá.

Para OS X En el caso de los archivos, no hay ningún campo en el diálogo/hoja de cálculo de abrir archivos en el que se pueda pegar un 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 una Photoshop problema, 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.

0 votos

Esto es una genialidad, ¡no tenía ni idea de que Photoshop pudiera abrirse directamente desde una URL! ¡Buen hallazgo!

1 votos

Esta opción no parece estar disponible para OSX. ¿Alguien lo sabe?

0 votos

@ChristineCooper La mejor opción que conozco para OS X es descargar la imagen, luego abrirla, y después borrar la original. Es tan "fácil" como arrastrar la imagen a una carpeta o al Escritorio (que se guarda como un archivo), y luego arrastrar ese archivo a Photoshop en el Dock, o a un documento abierto de Photoshop. He probado una variedad de opciones usando tanto Chrome como Safari junto con Photoshop CS6, y no puedo encontrar ninguna manera mejor, o cualquier manera de usar el portapapeles.

3voto

JamieRI Puntos 11

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

He descubierto 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.

0 votos

¡no lo hagas! ¡Se pierde el fondo transparente!

0 votos

No sé por qué me dices que no lo haga, es lo que hago para conservar la transparencia cuando uso Visio. También utilizo Word para añadir la transparencia (establecer el color de fondo y / o eliminar las características de fondo) cuando no era una imagen con la transparencia.

1voto

Anton Hansson Puntos 1366

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

1 votos

Parece una buena sugerencia, pero esto no funciona entre Chrome y Photoshop CC en Windows 7x64. El [+] El cursor aparece en el objetivo de Photoshop, pero no se abre ninguna imagen como resultado.

0voto

Miguel Vitorino Puntos 2065

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

Ahora, he intentado 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 una marquesina rectangular) para copiar una textura semitransparente en el 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 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).

EnMiMaquinaFunciona.com

EnMiMaquinaFunciona es una comunidad de administradores de sistemas en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros sysadmin, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X