标签:下载 包含 透明度 nbsp text jpg link ali 内联
Web上最常用的三种图像格式
1.JPEG
1.适合色彩连续的图像,如照片
2 包含1600万种不同颜色
3. 有损格式
4. 不支持不透明度
5. 文件较小,高效显示
2.PNG
1.适合单色图像和线条构成的图像 logo...
2. PNG-8--256色
PNG-16--数千种颜色
PNG-24--数百万种颜色
3.无损格式
4. 支持透明, 且支持多种颜色设为透明,因此透明区的边缘是平滑的。
5.文件较大,取决于颜色数,可能比GIF小,也可能大。
3.GIF
1.适合单色图像和线条构成的图像
2. 最多256种颜色
3. 无损格式
4. 支持透明度, 不过只允许一种颜色设为透明
5. 支持动画
<img>
1. URL是图像的路径,所以最后的文件名总是一个图像的文件名,与默认的web页面不同,这里没有默认图像之说。
2. 可以通过copy image address/ link,复制页面的图像URL,或者open image in new window, 从地址栏找到URL, 还有通过view source,看相对路径,然后通过网站域名重新构造他的 URL。
3. 注意要用上alt属性!!!
4.alt属性,如果图像未能显示,就可以通过alt属性值显示。
5. 图像大小调节
1. 属性值 width height, 注意都是用像素值指定。不过最好不要用。
2. 一般经验是将图像的最大宽度设置为800px
3. 最好用PS或其他的图像处理软件,调整图像大小。
4. 如果直接使用width height 属性,仍然会下载完完整的大图像,再让浏览器调整图像大小,比较耗空间,耗时。
6.<img>是个内联元素,浏览器是不会在图像前后插入换行的。
使用缩略图
1. 调整图像大小,调小,另存为一个图像。
2. 再通过<a> 元素,使得单击缩略图时可以跳转到大图。
3. 注意是最好跳转到一个html页面,不是直接跳转到一个jpg。因为通常需要给所显示的图像一个上下文。
<a href="html/seattle_video_med.html"> <img src="thumbnails/seattle_video_med.jpg" alt="my video ipod in seattle" > </a>
LOGO
1. Matte(蒙版)选项。会根据背景颜色柔化文本边缘。注意要自己选择背景颜色。
2. anti-aliasing(反锯齿)处理,可以相对背景色柔化边缘,但是放在有色彩的背景就会看到白色边缘,所以此时要结合Matte使用。
标签:下载 包含 透明度 nbsp text jpg link ali 内联
原文地址:https://www.cnblogs.com/xuwanwei/p/10658388.html