JPG, GIF, 以及PNG – 有什么不同?

首先，让我们来看看每种格式的细微差别。如果要了解真正的讨厌的细节，点击这里。

JPEG—照片的标准格式，不支持透明。

GIF—被限制在256色因此对于大块纯色和简单图像非常好。它支持透明但是会产生锯齿边缘。

PNG—.jpg和.gif的漂亮结合，具有.jpg图片的质量和.gif的透明度，而且没有锯齿。

下面是我们讨论的例子。你可以看到我为iPhone的屏幕创建一张葡萄图片，320*489px，72dpi：

当“存储为Web和设备所用格式”对话框弹出时（文件->存储为Web和设备所用格式）你可以对比地看到将图片保存为.png与.jpg的不同。 文件大小—这可能是最显著的区别了。.png的大小是258k，而.jpg只有小小的18k。这是一个巨大的差别。如果你的程序要从网络上下载这些图片，你的用户可能会受不了等待.png下载的额外时间。 颜色和对比度—.jpg的颜色更丰富，更饱和。.png看起来像褪了色的。

所以这里有一些关于网络下载时什么时候使用.jpg及.png的实用技巧：

使用JPG

如果你不需要保存图片的透明背景；如果你的图片需要保存图像质量，色彩以及饱和度。

使用PNG

当你的图片需要透明时:当使用纯绘图图片时。.png格式渲染照片效果没有那么好。

GIF和TIF何如？好吧，我们不能不谈论他们吧。

GIF

.gif文件一直用于网页设计，并且可以像.png一样保留透明度。使用.gif的问题主要有两点：

1、如果你导出一张照片（如下所示），.gif无论是文件大小还是图片质量上都无法与.jpg竞争：

2、如果你再次考虑用.gif导出绘图。.gif保留透明的方式与.png不同。看一下下面的例子，我希望保留按钮周围的鲜艳色彩。我切出这个按钮，隐藏了格子背景，并且点击“文件>存储为Web和设备所用格式”弹出对话框：

在对话框中你可以看到当到选择“gif”时按钮展现成什么样。按钮被我在“杂边”下拉菜单中选择的颜色所围绕。.gif格式要求任何透明渐变都需要一个背景（或杂边）色以使渐变可以过渡。想像一下这个按钮在我的格子背景中会长成什么样，唉。

这也就是.png为什么是一个很棒的东西的原因。看到什么是真正的透明了吧？加上一个所选背景层，它还是会样本中所看到的一样！

结论:

概括地说，网站中的图片使用.jpg格式是最大的优化！