网页设计里常用的图片格式有哪些？网页设计中图片设计为多少像素？

1、网页设计里常用的图片格式有哪些？

1、PDF格式，是Photoshop图像处理软件的专用文件格式，文件扩展名是．psd，也是Photoshop中新建图像的默认格式。它是唯一支持所有可用图像模式（位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道）参考线、Alpha通道、专色通道和图层（包括调整图层、文字图层、图层效果和图层蒙板）的格式，是一种非压缩的原始文件保存格式。网站设计中PSD文件有时容量会很大，但由于可以保留所有原始信息，在图像处理中对于尚未制作完成的图像，选用PSD格式保存是最佳的选择。当对一张照片处理完成后，保存时选择Pdf格式，能够保存各个图层，通道，蒙版等的所有信息，当再次打开时想要修改某个细节如：删除某个图层样式，修改某个调整图层或将某个Alpha通道作为选区载入等，都是很方便的。但是一般psd格式图像文件较大，不便于传输，所以一般采用这种格式保存作为作品的备份。　　

2、GIF图片格式，GIF是一种调色板型（palettetype）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题GIF是一种无损压缩的格式，这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。GIF格式也支持动画.在黑暗的web

1、0时代，它导致了大量多余的昙花一现的“新”图片（blinking“new”images），循环的@符号（rotating@signs），birdsdropping，aemail以及其他一些让人厌烦的东西的出现。在更加文明的web

2、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位图格式理所当然地被广泛。

2、网页设计中图片设计为多少像素？

现在的普遍要适应的电脑浏览器，在PHOTOSHOP中宽为960像素最为合适，你可以参考新浪、网易等门户网站的宽度值。下面，是几点分辨率在不同时期的参考值。

1、屏幕分辨率低时(640 x 480)，这是2000年左右，普遍的浏览器是这个分辨率，但已经被淘汰了。

2、接是1024x768的分辨率，很流行，实际在设计中，在PHOTOSHOP宽的设计值为760像素最合适。

3、随着现在宽屏时代的到来，1024也慢慢被淘汰了，现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适。

4、随现在浏览的工具越来越多，包括手机、IPAD等，出现了自适应的网页设计功能，需要HTML5及DIV+CSS的代码调用了。

3、网页设计怎么把多张图片排在一列

网页设计把多张图片排在一列的方法是使用代码：mg {width:50px; float:left; border:0px; margin:0px 0px; padding:0px 0px;}。。。这个代码需要注意的是： 就可以让图片在显示的时候并列排成一排，图片与图片之间无缝连接。div元素是后断行，前不断行，span元素是前后都不断行。ul,ol,dd,dt,li,h1,h2,h3,h4,h5,h6,p元素是前后都断行，a,img我个人认为他默认的排列方式应该是跟span是一样的。这样的话，也就是当你在img与img之间只要敲上一个回车符号的时候，也就有了一个间隙，你可以这样是试试在所有img之间不要加任何东西，依次排下去。切忌不要在img之间敲回车符号。