Photoshop bu PNG'yi neden düzgün açamıyor?


9

Bu görüntüyü PS'de (CS5) açmaya çalıştığımda, görüntünün saydam olmayan kısımları etrafında kırmızı dikdörtgenler alıyorum.

Görüntüyü kopyalayıp PS'ye yapıştırırsam, görüntünün içeriğini tarayıcıdan görüldüğü gibi alırım, ancak dahili bir siyah arka planla (gerçekten olduğu gibi şeffaf değil)

Bu görüntüde sorun nedir ?! Yoksa benim PS'im mi?

PNG'm

Yanıtlar:


17

Tam örneğinizden emin değilim, ancak saydamlık yerine siyah veya başka bir renkle açılan PNG dosyalarıyla sık sık karşılaştım. Bunun nedeni genellikle görüntünün üzerinde tam bir alfa maskesi kullanmak yerine dizine alınmış renkler kullanan ve bir alfa paletine sahip olan PNG dosyasıdır.

Temel olarak, normalde bir PNG dosyasını kaydettiğinizde, tam 24 bit gerçek renk (kanal başına 8 bit) artı saydamlık bilgilerini (temel olarak başka bir 8 bit kanal) depolayan bir alfa maskesi kullanırsınız. Palet renklerini kullandığınızda, renkleri 24 bit RGB renkleri olarak dizine ekler ve ayrı bir 8 bit alfa maskesi tutar.

Ancak PNG, alfa paletlerini de destekler . Bu, dizine eklenmiş renklerinizin her birinin, palete katıştırılmış saydamlık verileriyle 32 bit RGBA rengi olarak depolandığı anlamına gelir. Akıllıca yapılması zor olduğu için bu nadir değildir ve maalesef Photoshop'un renk modlarına uymaz. Photoshop açıldığında, yalnızca dizine alınan her rengin RGB bileşenlerini okur ve bir alfa maskesi bulamaz, böylece tüm saydamlık verileri kaybolur.

Kısmen saydam bölgelere rastgele mat bir rengin uygulandığı bir dosyayla karşılaştığımı hatırlamıyorum, ancak yine de aynı sorunun bir varyasyonu olabilir.


3
Evet, bu dizinlenmiş renkli bir PNG tamam. Sadece GIMP'de açmayı denedim ve metin gerçekten bloklu görünüyor çünkü dizine alınmış renk modunda 1 bit şeffaflık kullanıyor. Bununla birlikte, renk modunu RGB olarak değiştirmek onu düzeltir; aynı hile Photoshop'ta da işe yarayıp yaramayacağını görebilirsiniz.
Ilmari Karonen

PSD'de RGB olarak değiştirmek, bakması gerektiği için görüntüyü ortaya çıkarmadı ...
Gaia

5

Lèse çivilenmiş. Gerçekten tuhaf bir palete sahip bir PNG 8'dir. Fireworks uygulamasında, onu doğru bir şekilde tanımlayan ve oluşturan bu şekilde açılır. Masaya baktığınızda tıkanıklığın nedeni açıktır: şeffaf olandan başka her yer aynı renge sahiptir. Kenar Yumuşatma? Stinkin anti-alias'a ihtiyacımız yok!

resim açıklamasını buraya girin


Evet, temelde Photoshop sadece paletin RGB verilerini gösteriyor. Dizine alınan her rengin aynı RGB bileşeni vardır, ancak her biri 255 ile 0 arasında farklı bir alfa değerine sahiptir. 1 ve 254 arasındaki A değerleriyle ne yapacağını bilir, bu yüzden sadece sabit kırmızı olarak davranır.
Lèse majesté

Bu Fireworks, Photoshop değil.
Alan Gilbertson

Ah Üzgünüm. Photoshop'taki palete baktım ve benzer bir şey, ancak Fw'de görüntülenen 137'den sonra 119 ekstra renk göstermesi dışında. Ekstra renkler gri tonlarını tekrarlıyor, bu yüzden orada neler olduğundan emin değilim. Ancak RGB rengine dönüştürmek, Gimp'deki gibi şeyleri kesinlikle düzeltmez.
Lèse majesté

1
FW'nin avantajı PNG'nin yerel dosya formatı olmasıdır, bu yüzden Photoshop'tan "her şey png" hakkında çok daha akıllıdır. Görüntü tam olarak yakalamada gördüğünüz gibi açılır. FW hala daha derinlemesine incelemek için uygulamalar listemde. Bu arada, bu tür teşhisler için kullanışlıdır.
Alan Gilbertson

Teşekkürler, kesinlikle doğru okumak için FW kullanabileceğimi bilmek yardımcı olur.
Gaia

5

Sorunuz yukarıdaki halk tarafından iyi cevaplandı, ancak sonra gelenler için bir hareket tarzından bahsetmiş olmama rağmen - önizlemeli png'yi Preview.app veya pixlr.com'da açabilir ve görüntüyü png olarak yeniden kaydedebilirsiniz görüntüye kayıpsız erişim. Ardından görüntüyü PS ile istediğiniz formatta yeniden kaydedebilirsiniz.

Güvenilir çıktı için Image Alpha ve Image Optim kullanıyorum . Makaledeki daha fazla bilgi: PNG8 biçimini ve diğer PNG optimizasyon sorunlarını daha ayrıntılı olarak açıklayan “çalışan PNG” .


4

Web tasarımcıları bazen Fireworks'ü, 8 bit PNG dosyalarını alfa saydam bir kanalla kaydetmek için kullanır; çünkü bazı eski tarayıcılar, alfa saydamlığını tescilli bilgisayar korsanları veya IE CSS filtreleri vb. bunu doğru bir şekilde tanıyabilir veya oluşturabilirsiniz.


0

Ben aynı sorunu, garip bir şey var, iş yerinde dosyayı gayet iyi açabilir ve şeffaflık gösterir Evde bazı yeşil renk tonu ve opak olsun ??? Im crazy crazy ... aynı dosya, aynı photoshop sürümleri, her ikisi de farklı açmak?!?! OSX önizleme dosya sadece gayet iyi, bu garip bile işler. SO i Photoshop'ta düzgün görünmesini sağlamak ve yeni dışa aktarma yapmak için Önizleme ve Photoshop arasına yapıştırılır. Photoshop'u sürüm 3'ten beri kullanıyorum, daha önce buna hiç girmedim. Hala her gün öğrenmek;)


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.