在Web上使用的图像格式有哪几种?

2020-07-03 13:56发布

3条回答
DAYTOY
2楼 · 2020-07-03 13:58

目前使用的图片格式一般是:jpg,png,gif,webp

小土堆儿
3楼 · 2020-07-07 09:14

判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG和PNG等格式,但并非所有人都知道它们之间的具体区别和使用技巧。

JPEG

  • 联合国图像专家小组是一种针对彩色照片而广泛使用的压损图形格式

  • 介绍: 栅格图形,常用文件扩展名为.jpg,也有.jpeg,.jpe,jpeg在互联网上常被应用于存储和传输照片

  • 不适合:线条图形和文字,图标图形,因为他的压缩算法不在这些类型的图形,并且不支持透明

  • 适合:颜色丰富的照片,彩色图大焦点图,通栏banner图,结构不规则的图形

PNG

  • 便携式网络图形是一种无压缩的图形格式,支持索引,灰度,RGB,三种颜色

  • 介绍:栅格图像,PNG最初作为代替GIF来设计的,能够显示256色,文件比JPEG大,但是PNG非常好的保留图像的质量。支持Alpha通道半透明和透明特性。最高支持24位彩色图像和8位灰度图像

  • 不合适:由于无损存储,彩色图像体积太大,所以不合适

  • 合适:纯色,透明。线条绘图,图标,边缘清晰,有大块相同颜色区域,颜色数较少但需要半透明

GIF

  • 图像互换格式是一种位图形文件格式,以8位色(既256中颜色)重现真彩色的图图像,才有LZW雅俗算法进行编码

  • 介绍:栅格图像,支持256色,仅支持完成透明和完全不透明

  • 不合适:栅格图像,支持256色,仅支持完成透明和完全不透明;如果需要比较通用的动画,GIF是唯一的选择

  • 合适:动画,图标

webp

  • 是一种现代图像格式,可为图像提供无压缩和有损压缩,这使得他非常灵活,在Google在购买On2 Technologies后发展出了,以BSD授权条款发布

  • 介绍:优秀算法能同时保证一定程度上的图像质量和较小的体积,可以插入多帧,实现动画效果,可以设置透明度,采用8位压缩算法,无损的webp比png小26%,有损的webp比JPEG小25-34%,比GIF有更好的动画

  • 不合适:最多处理256色,不适合彩色图片

  • 合适:适用于图形和半透明图像

伍肉肉Stephanie
4楼 · 2020-07-08 10:14

1、PNG 格式是WEB 图像中最通用的格式。它是一种无损压缩格式,但是如果

没有插件支持,有的浏览器可能不支持这种格式。PNG 格式最多可以支持32 位

颜色,但是不支持动画图。

2、GIF(Graphics Interchange Format)

GIF 是Web 上最常用的图像格式,它可以用来存储各种图像文件。特别适

用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF 文

件非常小,它形成的是一种压缩的8 位图像文件,所以最多只支持256 种不同

的颜色。Gif 支持动态图、透明图和交织图。

3、BMP(Windows Bitmap)

BMP 格式使用的是索引色彩,它的图像具有极其丰富的色彩,可以使用16M

色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。

4、TIFF(Tag Inage File Format)

TIFF 格式是对色彩通道图像来说最有用的格式,支持24 个通道,能存储

多于4 个通道。TIFF 格式的结果要比其它格式更大、更复杂,它非常适合于印刷和输出。

5、JPEG(Joint Photographic Experts Group)

JPEG 是Web 上仅次于GIF 的常用图像格式。JPEG 是一种压缩得非常紧凑的

格式,专门用于不含大色块的图像。JPEG 的图像有一定的失真度,但是在正常

的损失下肉眼分辨不出JPEG 和GIF 图像的差别。,而JPEG 文件只有GIF 文件

的1/4 大小。JPEG 对图标之类的含大色块的图像不很有效,不支持透明图和动态图。

6、TGA(Targa)

TGA 格式与TIFF 格式相同,都可以用来处理高质量的色彩通道图形。

另外,PDD、PSD 格式也是存储包括通道的RGB 图像的最常见的文件格式。


相关问题推荐

  • 回答 195

    你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...

  • 回答 166

    哈哈哈哈  看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...

  • UE和UI是一样的吗2020-11-23 15:33
    回答 98

    UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...

  • 回答 8

    不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...

  • UI要学多久2020-08-10 19:00
    回答 95
    已采纳

    学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...

  • 回答 86
    已采纳

    对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。

  • 回答 76
    已采纳

    靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...

  • 什么叫交互性?2020-04-23 11:40
    回答 6

    其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。

  • 回答 2

    1、初步调查  前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...

  • 回答 1

       永远不要忘记调研  好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。  创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。  此外,你的解...

  • 回答 1

     一、具象表现形式:  具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...

  • 回答 1

    1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...

  • 回答 1

    Looka Smashinglogo Freelogodesign Hatchful 

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

  • 回答 1

      Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。  Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

没有解决我的问题,去提问