-
让品牌有温度、有情感
专注品牌策划15年
网页中常用的图片格式（网页中常用的图片格式容量较小的是）
发布时间：2023-04-25 20:36:23
稿源：
创意岭 阅读：
1012
大家好！今天让创意岭的小编来大家介绍下关于网页中常用的图片格式的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、网页设计里常用的图片格式有哪些？
1、PDF格式，是Photoshop图像处理软件的专用文件格式，文件扩展名是．psd，也是Photoshop中新建图像的默认格式。它是唯一支持所有可用图像模式（位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道）参考线、Alpha通道、专色通道和图层（包括调整图层、文字图层、图层效果和图层蒙板）的格式，是一种非压缩的原始文件保存格式。网站设计中PSD文件有时容量会很大，但由于可以保留所有原始信息，在图像处理中对于尚未制作完成的图像，选用PSD格式保存是最佳的选择。
当对一张照片处理完成后，保存时选择Pdf格式，能够保存各个图层，通道，蒙版等的所有信息，当再次打开时想要修改某个细节如：删除某个图层样式，修改某个调整图层或将某个Alpha通道作为选区载入等，都是很方便的。但是一般psd格式图像文件较大，不便于传输，所以一般采用这种格式保存作为作品的备份。
2、GIF图片格式，GIF是一种调色板型（palette type）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题
GIF是一种无损压缩的格式，这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。
GIF格式也支持动画.在黑暗的web1.0时代，它导致了大量多余的昙花一现的“新”图片（blinking “new” images），循环的@符号（rotating @ signs），birds dropping，a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代，在等待一个更新页面的ajax请求的时候，我们仍然会看到 “loading”动画，网站建设但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说，如果你有需要，就可以使用动画支持。
GIF也支持透明度，透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完全透明,要么完全不透明。
3、 PNG图片格式，PNG的图片又分为 PNG-8 、 PNG-24 两种，其中，PNG-8 与 GIF 类似，支持 256 色调色板 ，而 PNG-24 只支持 48 位真彩色，凡是 GIF 拥有的优势 PNG-8 都拥有，GIF 所没有的优势 PNG-8 也有，同样的文件，PNG-8 格式比 GIF 要小， PNG-8 的特点使得它在网站设计切图环节深受网站设计师的喜爱。PNG 可以以任何颜色深度存储图像，也支持高级别的无损耗压缩、支持伽玛校正，支持交错，受最新 Web 浏览器的支持，能够提供长度比 GIF 小30%的无损压缩图像文件，最高支持 48 位真彩色图像以及 16 位灰度图像，渐近显示和流式读写，深圳网站设计不足的是较旧的浏览器和程序可能不支持 PNG 文件。
4、JPEG图片格式，是目前网络上最流行的图像格式，是可以把文件压缩到最小的格式，在 Photoshop软件中以JPEG格式储存时，提供11级压缩级别，以0—10级表示。其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，压缩比也可达 5：1。以BMP格式保存时得到4．28MB图像文件，在采用JPG格式保存时，其文件仅为178KB，压缩比达到24：1。经过多次比较，采用第8级压缩为存储空间与图像质量兼得的最佳比例。JPEG格式的应用非常广泛，特别是在网络和光盘读物上，都能找到它的身影。目前各类浏览器均支持JPEG这种图像格式，因为JPEG格式的文件尺寸较小，下载速度快。
5、BMP图片格式，BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，在Windows环境下运行的所有图象处理软件都支持BMP图象文件格式。Windows系统内部各图像绘制操作都是以BMP为基础的。随着Windows操作系统的流行与丰富的Windows应用程序的开发，BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富，深圳网站设计几乎不进行压缩，但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以，目前BMP在单机上比较流行。BMP位图文件默认的文件扩展名是BMP或者bmp（有时它也会以.DIB或.RLE作扩展名）。
6、TGA图片格式: TGA的结构比较简单，属于一种图形、图像数据的通用格式，在多媒体领域有着很大影响，在做影视编辑时经常使用,例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。
其他还有些网页设计中比较冷门点的格式，如TIF、PCX等格式，一般就用的非常少，这里就不做一一介绍了。合理的运用好格式可以很好的控制好网页布局。
二、制作网页时，为了尽可能不影响网页浏览的速度，常用的图片格式
b，BMP格式的内存很大 不过现在的图片还会加上PNG格式的，相对内存更小了。
JPEG2000作为JPEG的升级版，其压缩率比JPEG高约30%左右，同时支持有损和无损压缩。JPEG2000格式有一个极其重要的特征在于它能实现渐进传输，即先传输图像的轮廓，然后逐步传输数据，不断提高图像质量，让图像由朦胧到清晰显示。
JPEG2000还支持所谓的"感兴趣区域" 特性，可以任意指定影像上感兴趣区域的压缩质量，还可以选择指定的部分先解压缩。
扩展资料：
TIF格式：
标签图像文件格式（中文简称TIF、外语简称TIFF、外语全称：TagImage FileFormat）是由Aldus和Microsoft公司为桌上出版系统研制开发的一种较为通用的图像文件格式。
TIFF格式灵活易变，它又定义了四类不同的格式：TIFF-B适用于二值图像：TIFF-G适用于黑白灰度图像；TIFF-P适用于带调色板的彩色图像：TIFF-R适用于RGB真彩图像。
TIFF支持多种编码方法，其中包括RGB压缩、RLE压缩、JPEG压缩等。
TIFF是现存图像文件格式中最复杂的一种，它具有扩展性、方便性、可改性，可以提供给IBMPC等环境中运行、图像编辑程序。
参考资料来源：百度百科-图片格式
三、常见的图像文件格式有那些
1、psd/psb文件格式
psd格式是Photoshop软件的默认格式，也是唯一支持所有图像模式的文件格式。
psb格式属于大型文件，除了具有PSD格式文件的所有属性外，最大的特点就是支持最大为30晚像素的文件，且可以保存图像中的图层、通道和路径等信息。psb格式的缺点在于存储的图像文件特别大，占用磁盘空间较多。由于一些排版软件不能支持psd格式，所以其通用性不强。
2、jpeg格式
jpeg是一种高压缩率、有损压缩真彩色的图像文件格式，但在压缩文件时可以通过控制压缩比例来决定图像的最终质量。它主要是用于图像预览和制作html网页。
jpeg格式的最大特点是文件比较小，因而在注重文件大小的领域运用广泛，jpeg格式支持RGB、CMYK和灰度模式，但不支持Alpha通道。
jpeg格式是压缩率最高的图像格式之一，这是由于jpeg格式在压缩保存的过程中会以失真最小的方式丢掉一些肉眼不易察觉的数据，因此保存后的图像与原图不会有太大差别。此格式的图像没有原图像的质量好，所以不宜在印刷、出版等高要求的场所下使用。
3、tiff格式
tiff格式用于在不同的应用程序和不同的计算机平台之间交换文件。tiff格式是一种通用的位图文件格式，几乎所有的绘图、图像编辑和页面版式应用程序均支持该文件格式。
tiff格式是一种无损压缩格式，也是最常用的文件格式，它可以保存通道、图像和路径信息，看似与psd格式没有区别，如果在其他应用程序中打开该文件格式所保存的图像，则所所有图层将被合并，只有使用Photoshop打开保存了图层的tiff文件，才能对其中的图层进行相应的修改或编辑。
4、ai格式
ai格式是Illustrator软件所特有的矢量图形存储格式。若在Photoshop软件中将存有路径的图像文件输出为ai格式，则可以在Illustrator和CorelDRAW等矢量图像软件中直接打开并可以对其进行任意修改和处理。
5、bmp格式
bmp格式是doc和Windows平台上的标准图像格式，是英文Bitmap（位图）的简写。bmp格式支持1~24位颜色深度，所支持的颜色模式有RGB、索引颜色、灰度和位图等。
但不能保存Alpha通道。bmp格式的图像具有极其丰富的色彩，同时可以使用1600多万种色彩进行图像渲染，他在存储时采取的是无损压缩。
6、gif格式
gif格式也是一种非常通用的图像格式，由于最多只能保存256中颜色，且使用LZW压缩方式压缩文件，因此GIF格式保存的文件不会占用太多的磁盘空间，非常适合Intrenet上的图片传输，gif格式还可以保存动画。
7、eps格式
eps是Encapsulated PostScript的缩写。eps可以是一种通用的行业标准格式，可同时包含像素信息和矢量信息。
除了多通道模式的图像之外，其他模式都可以存储为eps格式，但是他不支持Alpha通道。eps格式最大的优点是可以在排版软件中以低分辨率预览，却以高分辨率进行图像输出。
8、png格式
png格式常用用网络图像模式，与gif格式的不同之处在于gif只能保存256中色彩，而png格式可以保存图像的24位真彩色，且支持透明背景和消除锯齿边缘的功能，在不失真的情况下压缩图像。
扩展资料：
1、图像的像素数目（Pixel dimensions），是指在位图图像的宽度和高度方向上含有的像素数目。一幅图像在显示器上的显示效果由像素数目和显示器的设定共同决定。
2、图像的分辨率（Image resolution） 图像的分辨率是指单位打印长度上的图像像素的数目，表示图像数字信息的数量或密度，它决定了图像的清晰程度。在同样大小的面积上，图像的分辨率越高，则组成图像的像素点越多，像素点越小，图像的清晰度越高。
例如，一幅分辨率为72dpi的1×1英寸的图像，它包含的像素数目为5184，而一幅分辨率为300dpi的同样大小的图像，它包含的像素数目则为90000。由于高分辨率的图像在单位面积上含有更多的像素，所以在打印时能够比低分辨率的图像更好地表现图像的细节和微妙的颜色变化。
对于那些在扫描时采用低分辨率得到的图像，不能通过提高分辨率的方法来提高图像的质量，因为这种方法仅仅是将一个像素的信息扩展成了几个像素的信息，并没有从根本上增加像素的数量。另外，在ImageReady中，图像的分辨率是不能更改的。
这是因为ImageReady是专门用来处理在线媒体的图像的，而不是Photoshop 那样用来处理打印的图像的。
设定图像的分辨率时，应该考虑所制作的图像的最终发布媒体，如果制作的图像是用于在线媒体，只需要使用图像的分辨率和典型的显示器的分辨率（72dpi或96dpi）相匹配即可；如果制作的是打印图像，采用过低的分辨率会使打印出来的图像显得粗糙，而采用过高的分辨率。
则会使图像的像素比打印装置所能够提供的像素小，导致文件的增大和打印时间的延长。而且，对于分辨率过高的图像，打印设备未必能够正常工作。
3、图像的大小（File Size） 图像文件的大小首先决定了图像文件所需的磁盘存储空间，它一般以字节（byte）来度量，其计算公式为： 字节数=（位图高×位图宽×图像深度）/8 从计算公式可以看出来，图像文件的大小与像素数目直接相关。
虽然含有较多像素的图像在打印时能够更好地表现图像的细节，但是它们需要更大的存储空间，并且编辑和打印的时间相对地要长一些。例如，一幅分辨率为200dpi的1×1英寸的图像，它包含的像素数目是分辨率为100dpi的1×1英寸的图像的4倍，其大小自然也是后者的4倍。
所以，设定图像的分辨率时应综合考虑图像的质量和大小，找到它们的最佳结合点。 Photoshop所能够支持的最大图像文件是2GB，最大的像素数目是30000×30000像素，这就对打印大小和图像的分辨率产生了一定的限制。
例如，一幅100×100英寸的图像，它能够得到的最大分辨率是300dpi（300像素/100英寸）。
4、图像颜色（Image Color） 图像颜色是指一幅图像中所具有的最多的颜色种类，通过图像处理软件，可以很容易地改变三原色的比例，混合成任意一种颜色。
5、图像深度（Image Depth） 图像深度也称图像的位深，是指描述图像中每个像素的数据所占的位数。图像的每一个像素对应的数据通常可以是1位（bit）或多位字节，用于存放该像素的颜色、亮度等信息，数据位数越多，对应的图像颜色种类越多。
6、色调（Tone） 色调就是各种图像色8彩模式下图像的原色（例如，RGB模式的图像的原以为R、G、B3种）的明暗度，色调的调整也就是对明暗度的调整。
色调的范围为0—255，总共包括256种色调。例如，灰度模式的就是将白色到黑色间连续划分为256个色调，即由白到灰、再由灰到黑。同样的道理，在RGB模式中则代表了各原色的明暗度，即红、绿、蓝3种原色的明暗度，将红色加深色就成为了深红色。
7、饱和度（Saturation） 饱和度是指图像颜色的深度，它表明了色彩的纯度，决定于物体反射或投射的特性。饱和度用与色调成一定比便的灰度数量来表示，取值范围通常为0%（饱和度最低）--100%（饱和度最高）。
调整图像的饱和度也就是调整图像的色度，当将一幅图像的饱和度降低到0%时，就会变成为一个灰色的图偈，增加饱和度应付增加其色调。
例如调整彩色电视机的饱和度，用户可以选择观看黑白或彩色的电视节目。对白、黑、灰度色彩的图像而言，它们是没有饱和度的。
8、色相（Hue） 色相就是色彩颜色，对色相的调整也就是在多种颜色之间的变化。例如，光由红、橙、黄、绿、青、蓝、紫7色组成，每一种颜色即代表一种色相。
9、亮度（Brightness） 亮度是指图像色彩的明暗程度，是人眼对物本明暗强度的感觉，取值为0%--100%。
10、对比度（Contrast） 对比度是指图像中不同颜色或明暗度的对比。对比度越大，两种颜色之间的差别也就越大，反之，就越相近。
例如，当将一幅灰度图像增加对比度后，会变得黑白更加鲜明；当对比度增加到极限时，则会变成一幅黑白两色的图像。反之，将图像的对比度降低到极限时，灰度图像也就看不出图像的效果，而只是一幅灰色的底图。
11.图像的色彩通道 图像三原色按不同的比例进行混合可以产生许多种颜色，保存每一种原色信息及对其可进行调整处理所提供的方式或途径就是相应颜色的色彩通道。
根据应用种类的不同，原色的种类也不同，如在印刷一中以4个印版来印刷，每个印版分别印刷青色（Cyan）、品红（Magenta）、黄色（Yellow）、黑色（Black）。
一个通道就相当于印刷中的一个印版，每个通道保存一种颜色的数据。CMYK图像有青色、品红、黄色、黑色4种颜色的通道和一个CMYK通道。
12.图像的层次 在计算机设计系统中，为更便捷有效地处理图像素材，通常将它们置于不同的层中，而图像可看作是由若干层图像叠加而成的。
利用图像处理软件，可对每层做单独处理，而不是影响其他层的图像内容。 在新建一个图像文件时，系统会自动为其建立一个背景层，该层相当于一块画布，可在上面做贴图、绘画及其他图像处理工作。若一个图像有多个图层，则每个图层均具有相同的像素、通道数及格式。
参考资料来源：百度百科-图像基本属性
参考资料来源：百度百科-图片文件格式
四、网页设计中有哪几种常用的图片格式
1、PDF格式，是Photoshop图像处理软件的专用文件格式，文件扩展名是．psd
2、GIF图片格式，GIF是一种调色板型（palette type）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题。
3、 PNG图片格式，PNG的图片又分为 PNG-8 、 PNG-24 两种，其中，PNG-8 与 GIF 类似，支持 256 色调色板 ，而 PNG-24 只支持 48 位真彩色，凡是 GIF 拥有的优势 PNG-8 都拥有，GIF 所没有的优势 PNG-8 也有，同样的文件，PNG-8 格式比 GIF 要小
4、JPEG图片格式，是目前网络上最流行的图像格式，是可以把文件压缩到最小的格式，在 Photoshop软件中以JPEG格式储存时，提供11级压缩级别，以0—10级表示。其中0级压缩比最高，图像品质最差。即使采用细节几乎无损的10 级质量保存时，压缩比也可达 5：1。
5、BMP图片格式，BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，在Windows环境下运行的所有图象处理软件都支持BMP图象文件格式。
6、TGA图片格式: TGA的结构比较简单，属于一种图形、图像数据的通用格式，在多媒体领域有着很大影响，在做影视编辑时经常使用,例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。
以上就是关于网页中常用的图片格式相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
手机chrome提取视频（手机chrome怎么提取网页视频）
赣公网安备 50019002502384号
