问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

哪些图像的格式可以用于网页设计?它们各自有什么特点?

发布网友 发布时间:2022-04-23 18:44

我来回答

4个回答

热心网友 时间:2022-04-21 06:24

首先介绍网页设计中常用图片的三种格式:GIF,JPEG,PNG。
GIF
GIF是一种调色板型(palette type)(或者说是索引型)的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题
GIF是一种无损压缩的格式,这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。
GIF格式也支持动画.在黑暗的web1.0时代,它导致了大量多余的昙花一现的“新”图片(blinking “new” images),循环的@符号(rotating @ signs),birds dropping,a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代,在等待一个更新页面的ajax请求的时候,我们仍然会看到 “loading”动画,但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说,如果你有需要,就可以使用动画支持。
GIF也支持透明度,透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完全透明,要么完全不透明。

JPEG
JPEG图片不象GIF图片那样只能有256种颜色,它可以包含数百万种颜色,而且有极高的压缩率。这使得JPEG图片比较适合用来保存相片。事实 上,大多数的相机以jpeg格式保存照片。JPEG是一种有损压缩的格式,这意味着你每次进行编辑的时候都会有质量损耗,所以如果你打算进行多次编辑,那 么最好把中间生成的图片换一种格式存储。但是,还有一些不会损耗图片质量的操作,比如说裁剪图片,旋转图片或者修改元信息。元信息包括,比如说,存储在图 片文件中的注释。
JPEG不支持透明度。

PNG
PNG是一种无损压缩的格式,而且它有很多种类。单考虑实际的用途,我们可以把它分为两种:
1.PNG8 2.真彩色PNG PNG8是一种调色板型(palette)图象格式,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 调色板型PNG以及索引型 PNG,这些术语都可以互换使用。
那么,PNG8比起GIF有哪些优缺点呢?
优点:
通常文件体积比较小
支持alpha(可变)透明度
缺点:
不支持动画
第二种类型的PNG格式是真彩色PNG。这类图片可以包含百万种颜色,就象JPEG。你有时候会碰见它们以PNG24或PNG32命名。

对于PNG8和真彩色PNG,IE7都提供了alpha透明度正确的原生的支持。对于早期版本的IE浏览器你需要使用css和AlphaImageLoader滤镜来修复全彩色PNG中的透明度问题。对于这个问题,在接下来的文章中,我们将会讨论一些更多的细节。

在网页设计中,大众最认可的的图片形式是GIF与JPEG格式。但这会使你感到困惑:那我在网站建设中到底应该用GIF格式还是JPEG格式?

方便记忆的简易准则:
1.在你的电脑上制作的水平形式的条例、按钮以及动画图片,这些图片应该用GIF格式。
2.如果图片是扫描的图画或照片时就用JPEG格式。

而什么时候用PNG比较合适呢?
虽然PNG8应该作为PNG类型文件的首选,因为它的文件体积更小而且在早期版本的IE浏览器中不需要使用特别的css滤镜就能很好地降级,但是在使用的时候仍然有需要注意的地方:
1.当PNG8的256种颜色不够用的时候,你可能需要使用全彩色PNG。这种情况应该 尽量避免。一方面,如果你想使用成千上万的颜色,那么这种情况下JPEG将会比较适合,而且能够有更好的压缩率。另一方面,如果颜色数在一千左右,你应该 尽量把这种图片转换为PNG8格式,然后看看它是不是看起来还能够接受。很多情况下,当颜色数达到200到1000的时候,人的肉眼就分辨不出来了。当 然,这也得看是哪种图片了;通常你可以非常安全地删掉1000种颜色,但是有些时候只是删掉2种颜色,图片的效果就不能让人接受了。不管怎么样, 尽可能地把真彩色PNG转换为PNG8和JPEG格式,看看你能不能接受它们的质量和体积。
2.图片的大部分象素是半透明的情况。如 果图片种只有一小部分是不完全透明的,象围绕在圆角周围的象素点,那么PNG8的类GIF(GIF-like)降级通常都没有问题。但是如果图片的大部分 是半透明的(象视频播放器上的播放按钮),那么你除了使用AlphaImageLoader hack你可能别无选择。

最后,让我们总结一下:
1.JPEG格式比较适合用来存储照片
2.GIF格式可以用来做动画
3.PNG8可以用来做小图标(icons),按钮,背景等等。

热心网友 时间:2022-04-21 07:42

主流的用于网页的图像格式有JPG,PNG,GIF等
JPG:压缩率高,文件小,最常用。
PNG:支持无损压缩,色彩损失小,保真度高,文件稍大。
GIF:支持动画显示,但只支持256色显示,目前已经被FLASH大量取代。

热心网友 时间:2022-04-21 09:17

logo一般用png其他格式户会出白边
其他的用gif

热心网友 时间:2022-04-21 11:08

图像制作D
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
“泛览周王传”的出处是哪里 避事的意思是什么 怠息的意思是什么 “偷闲来此一嚬呻”的出处是哪里 怠息意思和来源是什么 客厅中间沙发旁旁边放什么 客厅沙发旁边放什么合适 沙发左右摆什么位置 淘宝网无法注册邮箱验证 谁能帮我注册一个谷歌帐号,我一直注册不成功,淘宝上也买不到,在线等... 求女生网名 楚山石头城,这句话是三d的哪一期字迷 3d字图迷 linux操作系统是什么来的,跟我们用的电脑系统有什么分别? 3d字谜总汇大f3d字迷一大全 3d字谜是谁出的 3d字谜鬼手字谜,和值迷2016第200期3d字谜鬼手字谜,和值迷2016第200期 三d字谜如何看 最准的3D字谜或图迷是什么网? LINUX需要什么配置的电脑可以跑? 三D字迷,不停留打一数字 linux系统一般电脑可以用吗 3d字谜怎么来的 今天3D字迷是什么 学linux用什么电脑 福彩三d2016048太湖字迷 linux系统需要电脑什么配置 三d风马牛是啥数字迷 三d彩票里有个字迷!两手空!五指长,绕山行!遇到狼。是什么意思? 学linux买什么电脑 为什么网页中的图标常用16px,24px,32px 这些尺寸 网页设计中如何巧用图标来吸引用户 网页设计,如何使用矢量图标,比如一个微信的矢量图 网页浏览器设计成什么图标比较好 如何使用图标丰富网页设计 制作网页图标用什么软件啊 网页设计中公告图标一般用什么颜色 在网页设计中asp那个小图标是什么意思?怎么修改? 网页设计时地址栏前的小图标如何制作 网页设计的常用工具有哪些,简单回答每种的不同 网上下了一些网页设计的图标素材都是像这种psd图片的,我要怎么用啊,抠图抠下来吗 - - 网页头部标示的图标代码是什么? 在幼儿园,如何合理利用阳光、空气、水、沙、石等自然因素组织对幼儿进行体育活动? 什么是幼儿园户外辅助的材料有哪些 玩沙属于体育游戏吗 幼儿园沙包标准规格 如何利用幼儿园现有资源开展有效的户外体育游戏 幼儿园体育活动的设计可以从哪两个方面来入手? 西安地铁8号线详细站点是什么? 西安五号线地铁站点有哪些?