【web前端基础】网页制作会用到的图片格式有哪些？

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里面进行后期编辑。

jpg，gif，png.Gif是动图。png效果好，但占用空间大。

1、jpeg 把photoshop中切psd图存储为这个格式，适合大图轮播图，不支持透明。 2、png 背景透明图片。 logo 用的挺多。 3、gif 动图，适合动画或颜色较少的图片。B站很多鬼畜动图了。嘿嘿。 4、 bmp 色彩很丰富的图片格式。百度另存为时候URL 地址有时候就是bmp 、jpeg、gif。

1、jpeg 把照片中切psd图存储为这个格式，适合大图轮播图，不支持透明。
2、png 背景透明图片。
3、gif 动图，适合动画或颜色较少的图。
4、 bmp 色彩很丰富的图片格式。

Gif（动态图片）、JPG（高保真图片）、PNG（支持透明效果的图片）和WebP格式
Gif图片：是一种支持动态效果的图片格式。如果网页设计者想在网页中增加动态图片，则需要插入Gif格式的图片。而且该图片采用高压缩技术，相对而言所占空间较少，特别适合在网络上传输。
PNG图片：该类型的图片最大特点是支持透明效果，因此利用这一特征我们可以设计形状各异的效果，从而达到更加贴切的网页效果。尤其在与其它背景进行重合时，更能发挥其特色。
JPG图片：是一种采用超高压缩比的图片格式，是目前使用最为广泛的图片，由于其高保真、以及小体积，是目前制作网页的首选图片格式。
WebP格式，谷歌（google）新推出的影像技术，它可让网页图档有效进行压缩，同时又不影响图片格式兼容与实际清晰度，进而让整体网页下载速度加快 。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。
在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%