¿Por qué Photoshop no puede abrir correctamente este PNG?


9

Cuando intento abrir esta imagen en PS (CS5) obtengo rectángulos rojos alrededor de las partes de la imagen que no son transparentes.

Si copio la imagen y la pego en PS, obtengo el contenido de la imagen, como se ve a través del navegador, pero con un fondo negro incorporado (no transparente, como realmente es)

¿Qué tiene de malo esta imagen? ¿O es mi PS?

Mi PNG

Respuestas:


17

No estoy seguro acerca de su instancia exacta, pero a menudo he encontrado archivos PNG que se abren con negro u otro color en lugar de la transparencia. Esto normalmente se debe a que el archivo PNG usa colores indexados y tiene una paleta alfa en lugar de usar una máscara alfa completa en la imagen misma.

Básicamente, cuando normalmente guarda un archivo PNG, está utilizando color verdadero de 24 bits (8 bits por canal) más una máscara alfa que almacena la información de transparencia (básicamente otro canal de 8 bits). Cuando utiliza colores de paleta, indexa los colores como colores RGB de 24 bits y mantiene una máscara alfa de 8 bits separada.

Sin embargo, PNG también admite paletas alfa . Esto significa que cada uno de sus colores indexados se almacena como un color RGBA de 32 bits con los datos de transparencia incrustados en la paleta. Esto es poco común ya que es difícil de hacer de manera inteligente, y desafortunadamente no encaja con los modos de color de Photoshop. Entonces, cuando Photoshop lo abre, solo lee los componentes RGB de cada color indexado y no encuentra una máscara alfa, por lo que se pierden todos los datos de transparencia.

No recuerdo haber encontrado un archivo donde se aplica un color mate arbitrario a las regiones parcialmente transparentes, pero esto aún podría ser una variación del mismo problema.


3
Sí, ese es un PNG de color indexado. Acabo de intentar abrirlo en GIMP, y el texto se ve realmente bloqueado porque está usando transparencia de 1 bit en modo de color indexado. Sin embargo, simplemente cambiando el modo de color a RGB lo arregla; podría intentar ver si el mismo truco también podría funcionar en Photoshop.
Ilmari Karonen

cambiar a RGB en PSD no reveló la imagen como se supone que debe verse ...
Gaia

5

Lèse lo clavó. De hecho, es un PNG 8, con una paleta verdaderamente extraña. Así es como se abre en Fireworks, que lo identifica y lo representa correctamente. La razón del bloqueo es evidente cuando observa la tabla: cada ubicación, excepto la transparente, tiene el mismo color. ¿Anti-alias? ¡No necesitamos ningún anti-alias apestoso!

ingrese la descripción de la imagen aquí


Sí, entonces básicamente Photoshop muestra solo los datos RGB de la paleta. Cada color indexado tiene un componente RGB idéntico, pero cada uno tiene un valor alfa diferente entre 255 y 0. Creo que Photoshop está codificado para mostrar cualquier color con un valor A de 0 como "transparente" (el pequeño diamante) pero no sabe qué hacer con los valores A entre 1 y 254, por lo que solo lo trata como un rojo sólido.
Lèse majesté

Eso es fuegos artificiales, no Photoshop.
Alan Gilbertson

Oh, lo siento. Miré la paleta en Photoshop, y es algo similar, excepto que muestra 119 colores adicionales después de los 137 mostrados en Fw. Los colores adicionales son tonos grises repetidos, por lo que no estoy muy seguro de lo que está sucediendo allí. Pero cambiarlo a color RGB definitivamente no soluciona las cosas como lo hace en Gimp.
Lèse majesté

1
La ventaja de FW es que PNG es su formato de archivo nativo, por lo que es mucho más inteligente sobre "todas las cosas png" que Photoshop. La imagen se abre exactamente como la ve en la captura. FW todavía está en mi lista de aplicaciones para profundizar más. Mientras tanto, es útil para este tipo de diagnóstico.
Alan Gilbertson

Gracias, definitivamente ayuda saber que puedo usar FW para leerlo correctamente.
Gaia

5

Su pregunta está bien respondida por la gente de arriba, pero creo que mencionaría un curso de acción para aquellos que vienen después: puede abrir el png indexado en Preview.app o pixlr.com y volver a guardar la imagen como png para obtener Acceso sin pérdidas a la imagen. Luego puede volver a guardar la imagen en cualquier formato con PS.

Uso Image Alpha e Image Optim para obtener resultados confiables. Más información en el artículo: "PNG que funciona" , que explica el formato PNG8 y otros problemas de optimización de PNG con más detalle.


4

Los diseñadores web a veces usan Fireworks para guardar archivos PNG de 8 bits con un canal alfa transparente, ya que permite que algunos de los navegadores más antiguos manejen la transparencia alfa de manera más confiable sin hacks patentados o filtros CSS de IE, etc. Los perfiles de color en Photoshop no Sin embargo, reconocer o renderizar esto correctamente.


0

Tengo este mismo problema, cosa extraña, en el trabajo puedo abrir el archivo muy bien y muestra transparencia. En casa, ¿tengo un tono verde y es opaco? Me estoy volviendo loco ... ¡el mismo archivo, las mismas versiones de Photoshop, ambos lo abren de manera diferente? La vista previa en OSX maneja el archivo muy bien, eso es aún más extraño. SO copie pegado entre Vista previa y Photoshop para que se vea correctamente en Photoshop y realice una nueva exportación. Estoy usando Photoshop desde la versión 3, nunca me topé con esto antes. Todavía aprende cada día;)


-2

Por lo general, puede ABRIR PNG transparentes, pero no puede copiar / pegar. Intenta guardarlo y abrirlo desde Photoshop.


1
Verifique la respuesta aceptada, la suya no explica por qué. Lea Cómo responder para obtener más información sobre el sitio.
Luciano
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.