2011-11-24 74 views
0

我的網站使用.jpg jpeg圖像作爲網站所有頁面的頁首圖像。圖像是用白色背景創建的。但使用img src =「topOfEveryPageImage.jpg」標記顯示圖像的白色背景與瀏覽器頁面的純白色背景的其餘部分在視覺上不同。圖像中的「白色」顯而易見,與瀏覽器頁面的白色不一樣。.jpg img白色背景與html頁面發生衝突白色背景

然而,圖像是在使用.jpg創作程序的同一臺計算機上創建的。在.jpg製作工具中,如果我在同一臺計算機上啓動瀏覽器,則圖像的白色背景看起來像純白色,與瀏覽器窗口的白色相同。

「img」html標籤是干擾.jpg背景顏色的嗎?這裏是實際的代碼:

<a href="mysite/landingPage.php"> 
    <img src="mysite/images/topOfEveryPageImage.jpg" 
    alt="mysite/images/topOfEveryPageImage.jpg" 
    </img> 
</a> 
+1

你能告訴我們圖像嗎?因爲不,img標籤不會干擾jpg背景顏色:)。也許你保存的分辨率太低了。 – Yuri

+2

你還沒有關閉開幕式的圖片標籤。你爲什麼要關閉圖像標籤在一個單獨的標籤? – RSM

+0

這就是你如何使用'img'標籤:'Some actually useful description of the image' – kapa

回答

1

其中一個「白人」其實不是#ffffff,那麼。大多數圖像編輯程序允許您使用此格式指定顏色;使用與您的網頁背景使用相同的顏色。

或者,圖像可能具有嵌入的顏色配置文件,其中圖像的「白色」可能與網頁的「白色」概念在視覺上非常不同 - 在這種情況下,請在將圖像用於網頁之前刪除顏色配置文件。

+0

.jpg img是在Windows(Vista)'Paint'程序中創建的,似乎沒有辦法控制保存的圖像的分辨率或調色板,或者在那裏? – wantTheBest

+2

嘗試保存爲.gif圖像。它使用不同的壓縮算法,在這種情況下不會改變顏色。顯然,你不會使用.jpg,但我不認爲這是一個問題? – Phortuin

+0

Phortuin這樣做謝謝 - 我做了一個'另存爲'油漆並保存爲.gif,現在圖像的背景完全匹配瀏覽器背景 - 我不知道這是否意味着我實際上有一個'透明'背景與圖像保存,我想我必須檢查不同的瀏覽器或更改我的瀏覽器的背景顏色才能看到。 – wantTheBest

0

JPEG是一種有損格式,無法準確再現原始顏色。通常情況下,你不會有JPEG和原始陰影進行並排比較,並且不會注意到它們之間的差異。

只要顏色需要匹配,您應該使用PNG格式。或者更好的是,使用alpha透明度,你將能夠改變網頁的顏色而不用修改圖像。

請注意,PNG格式最適合截圖,簡單的按鈕/佈局圖形等,其中有大的固體表面或甚至梯度,沒有隨機噪聲。如果圖片包含照片或其他類似的材料,PNG將不會很好地壓縮,並且會得到一個大文件。如果圖片以前是以JPEG格式壓縮的,它會永久毀壞並需要重新創建(或者至少在圖像編輯器中徹底清除),然後再保存爲PNG格式以獲得任何PNG格式的好處(否則它只會佔用比原始JPEG更多的空間)。