當您將GIF圖像放置在PNG圖像上時如何避免混淆？

Question

我有兩個圖像。背景圖像是png格式，頂部的第二個圖像是乳膠gif格式。當我將第二張圖像放在第一張圖像上時，會導致第一張圖像模糊。

結合時，圖像看起來是這樣的，（1/5實際上是這裏的圖像）：

如何避免模糊的第二圖像時，我把第二圖像之上第一個圖像？

Answer 1

它沒有模糊。 gif/8位png上的像素是100％透明或100％固體。因此，爲了讓透明度更柔和，photoshop使用半色調像素模擬1-99％alpha。

在一個例子中，如果你有一個黑色的圖像將在一個白色的網頁上（啞色），photoshop會產生灰色像素，讓透明度更柔和。它在這種情況下效果很好，但是當您在不同的背景上使用相同的圖像時，它會變得很糟糕。

當你在Photoshop中使用你原來的透明圖像，點擊「保存網頁」，然後執行下列操作之一：

其保存爲PNG 24位 （選中透明框），無論您將背景放在哪裏（透明度高，無後顧之憂），它都可以。

2-如果你想有一個更小的文件大小，選擇GIF或PNG 8位，你必須選擇一個matte（顏色將在您的網站上的背景）。其結果不是完美的多色/紋理背景;無論如何，在你的樣品中，啞光是「＃ca7e29」。