<HTML>图像

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使用。   

posted @ 2019-04-05 12:17  xxxuanei  阅读(357)  评论(0编辑  收藏  举报