WEB格式的图片如何保存

选择另存为。

截图保存。

互联网几乎是当今最大的艺术、图形和相片分享平台之一，因此掌握一些保存为网页格式的基础知识就非常重要了。实际上，保存为网页格式是一项平衡艺术——你必须在品质和介质的文件尺寸之间做好平衡，以便满足你的个人需求。

在速度相对重要的地方（如迅速地加载网站），你可能需要牺牲一些品质。而在品质重要的地方，则需要牺牲一点速度。这堂课程的目的就是向你介绍一些方法，在这两个因素之间寻求平衡，与此同时保留非常好的图像品质。

无损vs损耗数据

虽然存在有非常多的格式（仅举几例，如jpeg，gif和png），但是依据压缩方法不同，所有的都能进一步归类为两大类别：无损和有损。无损数据压缩保证了图像在没有任何品质和信息丢失的情况下重现，而有损数据压缩的结果就是可能造成品质和信息的丢失。在平面设计领域最主流的无损媒介格式包括GIF，PNG，以及TIFF，而JPEG是最主流的有损压缩的图形格式。

如何用PHOTOSHOP保存网页格式

PS拥有非常好的方法来为网页优化。在ps中，选择文件>存储为web格式或者使用快捷键ctrlaltshifts。一个新的对话框将会d出，这里有所有为网页保存和优化的设置。

我会通过以下一些生活中的案例来演示如何使用对话框中的设置。

为网页存储图像

由于巨大的文件体积，它们更多是以有损压缩格式来保存的。甚至在拍照时，相对于数倍大小的RAW格式，相机也倾向于用有损格式（如JPEG）来保存。

JPEG是日常中首选的格式，它是以它的创造者“联合图像专家小组”来命名的。Jpeg之所以能够成为标准，是因为它在压缩图像数据的同时可以保留高品质，并且在相关信息上能够接近无损图像的效果。

当你在保存的时候，有几种网页格式预设可供选择。对于一张，你应该考虑是使用JPEG低、JPEG中，还是JPEG高。观察下面的对比图，（可以）发现案例中的经过压缩后并没有多大的品质损耗。相比起超过250KB的源文件，我们选择中等质量或者高等质量的压缩预设就能够得到一个大小不超过30KB，并有合适品质的。

GIF图像

有些时候，你会被要求用无损格式来保存，以便最好地优化你正在创作的任何作品。这在网页设计中时常遇到，在布局上使用比普通更少的颜色。

GIF，全称为“图像互换格式”，是一种只用到256个颜色调色板的格式，这让它成为不需要使用太广泛色域的网页的理想选择。GIF也能将单个像素设置成透明，不过这并不在这个教程的讨论范围之内。下面展示了一张(使用着256个颜色的)GIF图像和JPEG图像的对比照，它们拥有同样的大小正如你所见到的，无损GIF能更好的接近源文件。

因为GIF图像受到256色的限制，它本应该极少被用到中，但是他们恰好适合那些使用纯色或是有限色彩的图像。对于来说，通常来说不是使用JPEG有损压缩，就是GIF无损格式。

高品质图像和无损PNG

PNG，全称为“可移植网络图形”，是一种类似于GIF的无损格式，只是它支持更为丰富的色彩（有时候也让它的体积变大），而且可以支持带透明图层的Alpha通道，而非单一透明像素。

PNG图像正在日渐取代GIF，主要是因为在支持更丰富的色彩方面，png通常比gif的压缩效果要更好。虽然它还不想GIF有广泛的支持，但是无疑它正朝着那个方向前进。

当必须保留完整品质在网络上进行传输的时候，PNG是最佳的选择。比起用JPEG传输，（PNG）会令你得出更大的大小，但是有时候这是一个非常有必要的牺牲。当一个包含锐利的线条、以及必须保留清晰的文字时，PNG通常是一个更好的选择，当然了，最终还是要由设计师来决定使用哪一种格式。

1、打开

首先在Ps中打开。

2、保存格式

然后输入Ctrl+Shift+Alt+S 用于保存网页的格式。

3、设置格式

设置保存格式为JPEG后点击右上角的优化菜单点击优化文件大小。

4、修改大小

最后输入所需的文件大小就可以了。

最简单的方法：利用鼠标右键菜单
这种方法是最简单的，就是对着你要保存的按鼠标右键，在d出菜单中选择“另存为”（图1），然后选择好你要保存的路径和文件名就可以了。
图1

保存网页中所有的方法：利用文件菜单中的“另存为”
如果你想保存整个网页中的所有时可以采用本方法，因为它可以一次性的把所有文件都保存下来。方法是：看到你想保存的网页后，在IE浏览器中点击“文件”菜单中的“另存为”，把整个网页保存到硬盘，然后从中找到即可。注意，要选择“保存类型”中的“网页,全部(htm;html)”（图2）。
图2

一般方法：利用专门的下载软件
如果网页中的比较大，利用下载软件可以加快下载的速度。方法是先在电脑中安装下载软件如网络蚂蚁NetAnts或网际快车FlashGet等软件（如果已经安装有这些软件可以忽略这一步），然后右键点击网页中要下载的，在d出菜单中选择“DownloadbyNetAnts”或“使用迅雷下载”（图3），最后选择好你要保存的路径即可。
图3

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

2、GIF格式，GIF是一种调色板型（palettetype）（或者说是索引型）的。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题GIF是一种无损压缩的格式，这意味着当你修改并且保存了的时候,它的质量不会有任何损耗。GIF格式也支持动画在黑暗的web10时代，它导致了大量多余的昙花一现的“新”（blinking“new”images），循环的@符号（rotating@signs），birdsdropping，aemail以及其他一些让人厌烦的东西的出现。在更加文明的web20时代，在等待一个更新页面的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位图格式理所当然地被广泛