如何选择JPG，PNG，GIF
点评：目前有三种流行的网站图片。它们是JPG，PNG和GIF。然而，很多人不知道三个应该选择谁当他们选择。虽然你可以存储图片，但如果你想在网上发布，你必须考虑速度、大小和失真程度。如果你用得好，选择图片，那会使网站的整体体验上升，如果你不使用它，就会造成反向效果。
PNG，GIF和JPG介绍GIF图片
GIF是一个比较老的图片格式，它的色彩效果是最低的，使用GIF保存明亮的图片可以使你的网站看起来很糟糕。但GIF具有不可忽视的特点：体积小，很好的压缩效果，支持动画，并且支持透明效果，虽然这种透明度不强和PNG透明的。动画GIF图片选择权；如果你只是一个很单调的颜色，例如没有渐变颜色，，只有红、蓝两种颜色，那么最好的选择是更好的GIF！例如，百度的首页logo是其只有2KB大小的一个很好的例子，节约资源。
JPG／JPEG图片
JPG是数码相机最常用的格式。它的特点是颜色恢复得很好。在图像没有明显失真的情况下，可以大幅度减小体积，体积不大。缺点是它不支持透明性。图片的图片，如在网站上的画廊，你想把自然风景等，最好的使用JPG。但屏幕截图呢简介。
png图片
它最适合网络图片！PNG的优点是清晰、无损压缩、高压缩比、渐进透明性和几乎所有GIF优点。缺点是不为JPG一样丰富，和相同的图片尺寸略大于JPG，PNG应该在网页设计中的普及，这是公认的最适合的网页图片格式。谷歌是一个很好的例子。几乎所有谷歌网站的图像资源是PNG格式。8位PNG可以完全替代GIF。
以上是谷歌的标志。PNG被选中为最清晰和更小的卷，而谷歌主页的标志图像不是背景透明的，而是白色背景。因为它不是透明的，为什么不选择JPG呢谷歌不考虑它，所以PNG有它的优点。
PNG的另一个优势，那就是逐次逼近（逐行显示）显示：同时传输的图像文件，可以把整个轮廓显示出来，然后逐步显示图像的细节，这表明低分辨率显示图像，从模糊到清晰，再逐渐提高其分辨率。这是一个好的用户体验。
比较的所有方面
大小比较：一般来说，PNG GIF JPG >了；
透明度：PNG
颜色丰富度
兼容性：GIF JPG、PNG了；
注意在IE6 PNG透明是不显示的，都有其相应的破解方法。
点评：目前有三种流行的网站图片。它们是JPG，PNG和GIF。然而，很多人不知道三个应该选择谁当他们选择。虽然你可以存储图片，但如果你想在网上发布，你必须考虑速度、大小和失真程度。
PNG与JPG大小的度量
我用电脑自己的截图软件在电脑上做同样的截图，分别保存为JPG和PNG，下面是截图后原始图片大小的比较：
你可以看到，在JPG大小比PNG小得多，和PNG几乎是110kb。它是要知道网络上的重要，即使在10kb减少会带来用户体验的改善。
然后我用imageoptim软件来压缩在两个图像无损。最后，你可以看到PNG具有非常高的压缩比，和JPG只少一点。最后，PNG比JPG大小约35kb，这是一个比较成功的压缩。但这是更好的屏幕截图JPG
JPG，PNG，谁更适合截图
PNG更适合屏幕截图！PNG是一个软件的最佳选择（规模很小；明显），和压缩的空间是非常大的。实际上，JPG和PNG不同场景都适合，JPG自然适合风景照片，和PNG几乎是便携式网络图形图像；而生。截图保存为JPG格式，这是容易扭曲。在文本、渐变和更精细的地方，如线条周围，斑点经常出现，不清晰和模糊，即使质量得到改善，JPG的数量也增加了，JPG不支持透明度，所以如果你的软件图片中有阴影效果，那么使用JPG就太浪费了，相比之下，PNG更适合。在最小失真的情况下，透明的阴影可以保留，文件的体积小，压缩空间非常大。因此，截图的选择无疑是更好的PNG。
例如，下面的图片，同样的图片，PNG只有9kb；和JPG格式，以保持良好的清晰度，需要110kb！GIF很难看到。
总结：谁做JPG，PNG，GIF选择
对于一个网站，这是我总结的原则，确保颜色好，文件是最小的。
该网站的标志，如果颜色单调，选择PNG或者GIF，推荐前者。但如果IE6兼容，选择后者。
如果你需要移动地图，选择GIF。
网站上的元素、背景图片（如按钮背景、导航栏背景）或非常精美的图片仍然是那些文字。如果颜色单调，选择PNG或者GIF推荐前者。但如果我们选择兼容IE6的后者，我们应该考虑变形的问题，并使用JPG少。否则，除非你用风景图片作为背景按钮，否则会让它们看起来很丑。
在网站的内容，你的真实图片，或你下载的风景，保持JPG获得更好的结果和音量。
当然，如果你不追求完美的显示，只关注内容本身，允许图片中的小瑕疵，选择JPG。
写到底
不管你使用哪张照片，你应该考虑图片压缩压缩尽可能多的。例如，imageoptim是一个很好的压缩工具。
此外，如果你的图片是很小的，你甚至可以考虑Base64。