新疆白癜风微信交流群 http://cgia.cn/news/chanye/1664375.html一、常用图像格式网页中图像太大会造成早入速度缓慢,大小又会影响图像的质量,那么哪种图像恶搞是能够让图像更小,缺拥有更好的质量呢?接下来会为大家介绍几种常用的图像格式,以及如何选择合适的图像格式引用于网页。目前网上常用的图像格式主要有GIF、JPG和PNG三种。下面要说一下具体的区别如下:GIF格式GIF格式最突出的地方就是它支持动画,同时GIF格式也是一种无损的图像格式,也就是说修改图片之后,图片质量几乎是没有损失的。再加上GIF格式支持透明(全透明或者不透明),因此很适合在互联网上使用。但是GIF格式智能处理种颜色。在网页制作中,GIF格式长用于Logo、小图标以及其他色彩相对单一的图像。PNG格式PNG格式包括PNG-8和真色彩PNG(PNG-24和PNG-32)。相对于GIF格式,PNG格式最大的优势是体积更小,支持alpha透明(全透明、半透明、全不透明),并且颜色过渡更平滑,但是PNG格式不支持动画。同时需要注意的是IE6是可以支持PNG-8的,但是在处理PNG-24的透明时会显示为灰色。通常,图片保存为PNG-8会在同等平直下获得比GIF格式更小的体积,而半透明的图片只能使用PNG-24。JPG格式JPG格式所能显示的颜色比GIF格式和PNG格式要多的多,可以用来保存超过种颜色的图像,但是JPG格式是一种有损压缩的图像格式,这就意味着每修改一次图片都会造成一些图像数据的丢失。JPG格式是特别为照片图像设计的文件格式。网页制作过程中类似于招聘的图像比如横幅广告(banner)、商品图片、较大的插图等都可以保存为JPG格式。简而言之,在网页中小图片或者是网页基本元素如图标、按钮等考虑GIF格式或者是PNG-8,半透明图像考虑PNG-24,类似照片的图像则考虑JPG格式。图像标记img/HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来我们要更详细的介绍图像标记img/以及和它相关的属性。其基本的语法格式为:imgsrc=“图像URL/该语法中src属性用于制定图像文件的路径和文件名,它是img标记的必须属性。想要在网页中灵活的应用图像,仅仅靠src属性是不能够实现的。当然HTML还为img/标记准备了很多其他的属性如下:src---URL---图像的路径alt---文本---图像不能显示的时候替换文本title---文本---鼠标悬停时显示的内容width---像素---设置图像的宽度height---像素---设置图像的高度border---数字---设置图像边框的宽度vspace---像素---设置图像顶部和底部的空白(垂直边距)hapace---像素---设置图像左侧和右侧的空白(水平边距)aligin:left---将图像对齐到左边reght---将图像对齐到右边top---将图像的顶端和文本的第一行文字对齐,其他文字居图像下方middle---将图像的水平中线和文本的第一行文本字对齐,其他文字居图像下方bottom---将图像的底部和文本的第一行文字对齐,其他的文字居图像的下方
转载请注明:http://www.aierlanlan.com/rzdk/9147.html