首页 >

什么是JPGJPEGPNG格式 – CSS – 前端,各浏览器兼容 css

css里调整字体大小,CSS决定了网页,css标签怎么分,框架的边框宽度css,调用css3动画样式,css立体阴影生成器,各浏览器兼容 css什么是JPGJPEGPNG格式 - CSS - 前端,各浏览器兼容 css

JPG格式

这种格式是最常见的,也是用的最多的图片格式,很受大众的喜爱;

Jpg图片其实一生成出来就已经是有损的了,他是把一些不打算存储的数据抹擦掉,

可支持有陨压缩

不支持透明

不支持动画

非矢量

色彩还原度比较好,可以支持适当压缩后保持比较好的色彩度

如果你图片颜色很多的,建议使用这个图片格式,可以使生成的图片大小比较小而不会使图片看起来很模糊(失真)

JPEG格式

与jpg格式相似,经常在拷相片的时候看到得,但大家制作图片的时候一般是保存jpg,该种图片格式是文件相对jpg大,因为里面存储了很多相机里的拍摄参数,像色相、饱和度、对比度等

可支持有陨压缩

不支持透明

不支持动画

非矢量

可用于直接打印和印刷(相对于jpg要好)

Png格式

该格式是在网页中用的较多的一种格式,因为他支持特明

不支持压缩

支持透明、半透明、不透明

不支持动画

非矢量

网页设计中为了使图片下面的背景颜色显示出来,大家经常会使用png24透明的图片,

Png8是类似gif的透明度,有带半透明(alpha为50%)的地方的时候以不透明处理。

Png图片如果色彩较多或复杂,则图片生成后的格式是很大的,相比较jpg的放有5~6倍之多,所以没特别要求不能以png替代jpg的使用

Png图片多用于网页中的图标设计

IE6不支持png透明特性,有png的地方会以灰色底显示,相当难看,不过ie6已经慢慢淡出了大家的视线,相信png的应用会得到更广泛。

Gif格式

用于介于屏幕媒介的可视物体,如网页,使用比较多。

用的最多的就是特点就是图片很小(一般几kb)、动画

该格式的图片位深相对较底,只支持web色颜色种类有限,无法过渡平滑。

可支持有陨压缩

不支持全透明

支持半透明

支持动画

非矢量

使用该格式的场景:网页背景、小图标、色彩度低的小切片、动画图片;

Bmp格式

Windows格式,windows操作系统特有的图片,该图片保存了大量的图片数据,所以图片相对是比较大的,色彩度很真实,windows的桌面就是bmp格式的,通过设了桌面背景后,会在系统生成张bmp的图片用于保存该桌面壁纸,缺点:图片格式较大

可支持有陨压缩

不支持透明

不支持动画

非矢量

Tiff格式

印刷格式,色彩真实,支持保存图层(像psd,但像路径、蒙版等不可保存),通常发给印刷公司的图片就是用这种格式的

不支持压缩

不支持透明

不支持动画

非矢量

ai、cdr、eps格式

这三种格式都是矢量格式

对于矢量格式的图形会因为软件的版本差异而打开后有所不同。

ai格式是 Adobe公司旗下软件 Adobe Illustrator 生成的可再编辑矢量图片,与CDR可以通用,与PS可以通用,在ps里双击ai图片层会自动打开ai软件编辑,在ai里按保存后切换ps后可以看到会实时变化,正因为编辑可以同步,ai现在用的越来越广;

cdr格式是Corel公司旗下软件CorelDRAW生成的可再编辑矢量图片,该格式不能直接与ai通用,需要导出ai格式再切换。目前多数广告公司用的广告产品排版软件就是这个;

这个一定要与esp格式分开,esp并不是图片格式;

Eps是Encapsulated PostScript的缩写,是跨平台的标准格式,主要用于矢量图像和光栅图像的存储。

eps格式采用 PostScript语言进行描述,并且可以保存其他一些类型信息,例如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息和色调曲线等,因此EPS格式常用于印刷或打印输出。

该格式是可能使用cdr与ai同时打开


什么是JPGJPEGPNG格式 - CSS - 前端,各浏览器兼容 css
  • css 背景透明度调低 |table css宽度自适应宽度
  • css 背景透明度调低 |table css宽度自适应宽度 | css 背景透明度调低 |table css宽度自适应宽度 ...

    什么是JPGJPEGPNG格式 - CSS - 前端,各浏览器兼容 css
  • cssrs是什么文件夹 - CSS - 前端,css 英文断句
  • cssrs是什么文件夹 - CSS - 前端,css 英文断句 | cssrs是什么文件夹 - CSS - 前端,css 英文断句 ...

    什么是JPGJPEGPNG格式 - CSS - 前端,各浏览器兼容 css
  • 亚马逊新手如何做跨境电商 - CSS - 前端,css左下角和左上角圆角
  • 亚马逊新手如何做跨境电商 - CSS - 前端,css左下角和左上角圆角 | 亚马逊新手如何做跨境电商 - CSS - 前端,css左下角和左上角圆角 ...