常见图片格式总结--网页设计必备
在学习PS切图时,需要将切出来的图转换为不同格式(不同格式的图片优缺点不同),为了适应不同的需求;在这里记录下常见图片格式的不同,便于以后使用
我们常见的图片格式有:jpg、jpeg、png、gif、PSD、Bmp、Tiff、Webp等;
1.jpg:
可支持有损压缩,不支持透明,不支持动画,非矢量;
色彩还原度比较好,可以支持适当压缩后保持比较好的色彩度;
如果你图片颜色很多的,建议使用这个图片格式,可以使生成的图片大小比较小而不会使图片看起来很模糊(失真),产品类的图片经常用jpg格式的。
2.jpeg:
可支持有损压缩,不支持透明,不支持动画,非矢量;
与jpg格式相似,经常在拷相片的时候看到得,但我们制作图片的时候一般是保存jpg,该种图片格式是文件相对jpg大,因为里面存储了很多相机里的拍摄参数,像色相、饱和度、对比度等;
可用于直接打印和印刷(相对于jpg要好)[一般情况下jpg与jpeg没有太大区别,后缀名二者可相互书写,小写哦]。
3.png:
不支持压缩,支持透明、半透明、不透明,不支持动画,非矢量;
网页设计中为了使图片下面的背景颜色显示出来,我们经常会使用png24透明的图片;
png8是类似gif的透明度,有带半透明(alpha为50%)的地方的时候以不透明处理。
png图片如果色彩较多或复杂,则图片生成后的格式是很大的,相比较jpg的放有5~6倍之多,所以没特别要求不能以png替代jpg的使用
png图片多用于网页中的图标设计;
IE6不支持png透明特性,有png的地方会以灰色底显示,相当难看,不过ie6已经慢慢淡出了我们的视线,相信png的应用会得到更广泛。
4.gif:
可支持有损压缩,不支持全透明,支持半透明,支持动画,非矢量;
GIF格式最多只能储存256色,所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果,实际经常用于一些图片小动画效果。
3. png图像格式是-种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景.如果想要切成背景透明的图片,请选择png格式.
5. PSD:
PSD格式是Photoshop的专用格式 ,里面可以存放图层、通道、遮罩等多种设计稿.对我们前端人员来说最大的优点我们可以直接从上面复制文字,获得图片,还可以测量大小和距离。
6.Bmp:
可支持有损压缩,不支持透明,不支持动画,非矢量;
Windows格式,windows操作系统特有的图片,该图片保存了大量的图片数据,所以图片相对是比较大的,色彩度很真实,windows的桌面就是bmp格式的,通过设了桌面背景后,会在系统生成张bmp的图片用于保存该桌面壁纸;
缺点:图片格式较大。
7.Tiff:
不支持压缩,不支持透明,不支持动画,非矢量;
印刷格式,色彩真实,支持保存图层(像psd,但像路径、蒙版等不可保存),通常发给印刷公司的图片就是用这种格式的。
8.WebP:
Webp是Google新推出的影像技术,它可让网页图档有效进行压缩,同时又不影响图片格式兼容与实际清晰度,进而让整体网页下载速度加快。
9.矢量图:
还有ai、cdr、eps(这三种也是图片格式)是矢量图形 [矢量图是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合。它的特点是放大后图像不会失真,和分辨率无关,文件占用空间较小,适用于图形设计、文字设计和一些标志设计、版式设计等],根据自己的使用习惯,可以调整,并没有特别的界限。
常见图片格式总结--网页设计必备相关推荐
- 前端常见图片格式整理
前端常见图片格式整理 PNG (Portable Network Graphics,便携式网络图形,1996) PNG有8位.24位.32位三种形式,其中8位PNG支持两种不同的透明形式(索引透明和a ...
- 常见图片格式与调色算法
一.常见图片格式 1):JPEG 格式 同等于 JPG 和 JPE 格式 有损压缩 储存空间小 除RGB三色外,无法保留透明度.动画等任何信息 颜色品质不错,但是在压缩过程中图像品质会有着肉眼可见的下 ...
- c语言判断后缀是否为bmp,c语言_常见图片格式判断
c语言_常见图片格式判断 我想尽各种思路.今天,终于把图片判断搞定了. 在此,我写一下我的思路.希望对那些不想看代码的朋友们有帮助. 常风的的图片格式有:bmp,png,jpg,gif等图片格式. 我 ...
- 制作网页常见图片格式及特性介绍
作为前端开发人员,了解一些常见的图片格式是必不可少的,接下来就简单地介绍一些常见的图片格式,方便日后查阅.图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特性可以方便我 ...
- 常见图片格式jpg、jpeg、png、gif等之间的区别
jpg.jpeg.png.gif.bmp.tiff.ai.cdr.eps 对于做设计这一行的人来说,这几个图片格式是最常用的,也是最常见的,几乎每一天都要与他们打交道.刚刚入门的新人通常不知道在什么地 ...
- 【面试题集 —— No.01】常见图片格式BMP、JPG/JPEG、PNG、GIF、TIFF、SVG的区别
在平时的前端工作中,大家对于各类图片的处理一定很熟悉.但是它们各个格式之间的具体区别你是否清楚呢?亏我之前还自诩做过UI设计,对于这个问题我都不是很清楚,惭愧之余,虚心总结了这一篇博客. 格式 压缩标 ...
- 常见图片格式归纳总结
BMP格式 BMP格式是标准的Windows及0S/2的图像文件格式,是Photoshop中最常用的位图格式.此种格式在保存文件时几乎不经过压缩,因此它的文件体积较大,占用的磁盘空间也较大.此种存储格 ...
- html网页设计把图片放在边框,网页设计中怎么让一张图片填充满整个画面 ?
网页设计中怎么让一张图片填充满整个画面 ?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 网页设计中怎么让一张图片填充满 ...
- photoshop 切片 html 图片路径,PS网页设计中切片使用教程
第12章网页设计中的应用 ps是设计行业的"全能型选手".除了在传统设计中起到了中流砥柱的作用,在网页设计行业也有很好的表现.使用ps的网页设计工具及相关功能,可以轻松创建网站图像 ...
- [Image_Codec]常见图片格式的封装及编解码-Android平台(三)JPG
文章目录 JPG图片格式 压缩模式和步骤 JPG文件结构 libjpeg编解码Jpeg图片 JPG图片格式 JPG全称Jpeg(Joint Photographic Experts Group),是一 ...
最新文章
- adb devices检测不到夜神模拟器的解决办法
- flutter 图解_Flutter自绘组件:微信悬浮窗(三)
- ActivityManagerService简要分析
- JS-获取当前日期-月的天数
- 【BZOJ2243】 [SDOI2011]染色
- 【NOIP2013模拟】七夕祭
- java脚本项目_java项目部署脚本 - xixingzhe的个人空间 - OSCHINA - 中文开源技术交流社区...
- pip install requests_爬虫_Day 6 学习requests库这一篇文章足够
- 妖(至250线)——善始善终
- Nodejs操作Access数据库
- 小爬需登录的网站之麦子学院
- win10安装flash ax debuger
- awesome系列网址
- 用友NC 漏洞汇总(转载)
- 开启允许对外访问的端口8000
- delphi 讲的比较详细的多线程(推荐)
- 程序员女装大佬们,你们太可怕了,我还以为在逛 PornHub 呢
- 基于华为云原生数据湖MRS HetuEgine的数据虚拟化实践
- 全球及中国航空机电开关行业重点领域需求及未来发展展望报告2022-2028年
- Emacs快捷键及其它设置
热门文章
- Scratch3架构结构说明
- HBase开发实例学习
- 功能强大且易用的云打印解决方案
- 如何录制游戏视频 电脑屏幕录制的方法
- 注册测绘师学习笔记(二)
- centos7 分辨率修改,CentOS 7 修改屏幕分辨率
- java从网页上导出表格,如何从网页将表格导出到Excel
- java fp-growth 算法包_java 实现fpGrowth算法
- Xilinx FPGA中RS编码IP核之Generator Start
- 哨兵系列卫星_传感器|英国Teledyne e2v公司为“哥白尼哨兵”卫星任务提供CO2监测传感器...