在AI里，圖片做了正片疊底的效果，也存成了PNG，可是放在網頁上後並沒有把背景給透出來，這是為什麼呢？

在AI里，圖片做了正片疊底的效果，也存成了PNG，可是放在網頁上後並沒有把背景給透出來，這是為什麼呢？

左邊是應該要出現的結果，右邊是實際導出來的效果。

Ai的疊加模式的演算法好想和Ps不一致，所以複雜疊加需要把Ai拆分圖層，進入Ps進行。

看你的圖片結果好像最底層圖像有透明。我一般在Ai中最底層加一個實底。

還有可能是顏色模式是CMYK，建議改為RGB。

還有就是輸出透明PNG時不可能帶有疊加效果。透明只是顏色+透明度。可以使用實色成品+透明蒙版的方法輸出。

稍微學點原理比較好。

普遍的圖片格式三個顏色通道：R、G、B。

支持透明半透明的格式有第四個通道：alpha 通道。

png格式支持透明/半透明。

混合模式本質是運算，是PS/AI的功能，正片疊底/濾色後的圖像是圖層之間通過運算得出的結果。

圖片格式最多只能保存作為「數據」的圖片，不能保存「運算」這個功能，所以瀏覽器最多只能直接把圖像的數據 alpha 通道描述出來（透明/半透明）。

混合模式的功能可能可以實現，但得前端來支持。

騰訊不是搞出一種圖片格式嗎？

根據你的圖我沒有理解你要表達的意思，希望你可以具體描述一下你要說的。

不過還是揣測一下你的意圖吧，如果你想把背景的東西透出來，應該把需要透明的地方變成透明通道，『正片疊底』只是一種圖層效果，這種效果只在設計類軟體中體現，當你把圖片保存了之後，這種效果是自動消失的，就好比你攝影的時候可以調光圈，調景深……但是你按下快門的一霎那，你所拍下的照片就是一個固態的文件，無法再次用相機去調節光圈和景深了。

1. 仔細檢查自己的文件,一般你「預想的效果」沒有達到，是因為操作失誤，或者「想多了」；

2. PNG可以支持普通圖片格式，也可支持透明的圖片（半透明的也可以）；

3. 支持「正片疊底」這個效果的，是AI不是瀏覽器；

4. 我們可以吃出來廚師做的好不好吃，但是誰都沒辦法做的跟廚師一模一樣，即使廚師自己做的每次都有差別，出了問題，廚師多反思。