2011-11-24 77 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更多的空间)。