1、我是做优化的最近发现一个问题网站打开的速度越来越慢
一般需要对网站做下分析，找出影响网速的真正原因。如果是图片问题，且对图片的像素要求比较高，可以用PNG格式的图片，可以使图片不太失真。
先来说说几种图片格式和在网站上的使用情况。
PNG(Portable Networf Graphics)的原名称为"可移植性网络图像"，是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30％的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。由于PNG非常新，所以目前并不是所有的程序都可以用它来存储图像文件，但Photoshop可以处理PNG图像文件,同时在图片保存方面，PNG可以保存背景为透明，目前背景可以透明的图片格式有：*.tif，*.gif，*.png，他们生成的文件都是比较大的。
同时，因为PNG是矢量图，在一般的网页放大缩小上，不容易失真。但很多时候PNG图片也很大，我们就需要考虑下其它的图片格式了。
PNG同时支持8位和24位的图像。24位PNG，支持160万种不同的像素颜色且支持Alpha透明效果，这就意味着，无论透明度设置为多少，PNG图片均能够与背景很好的融合在一起。
GIF文件最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式，也就是说你在修改图片之后,图片质量并没有损失。再者GIF支持半透明(全透
明或是全不透明)。所以一般GIF图会比较大些，但对于一些单像素，或小图片，反而会比JPG文件要小，根据Google的说法,GIF适用于很小或是较
简单的图片(10×10以下或是3种颜色以下的图片)。所以我们对于网页上的小部件图片和简单动画可以使用GIF来做。
GIF是8位图片格式。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指，所能表现的颜色深度——一个8位图像仅最多只能支持256种不同颜色（一个多余256种颜色的图片若用gif图片保存会出现失真）。楼主说的失真应该是指这方面吧？
JPEG文件的扩展名为.jpg或.jpeg，其压缩技术十分先进，它用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰富生动的图像，换句话说，就是可以用最少的磁盘空间得到较好的图像质量。
你可以更具你网页的需要，灵活运用好各种图片格式。
但对于有些GPG图片我们压缩后,还是觉得有些大，是因为图片的像素比例比较高。
我在这里再给你支几个招：
首先，用一个简单方法，就可以调整好。那就是——截图。
人的眼睛对图片的分辨率在72dp以下，所以一般网页的图片基本为72dp。所以我们在上传图片的时候，不需要高精度的图片。那么我们只需要用截图工具在截取另存一下图片，这样保存的图片就是72dp的图了，适合在网页上使用。
第二招：我们我们如果是在Photoshop中制作的图片或是网站素材，在保存图片时，切记选择”存储为Web和设备所用格式”。因为这样往往在同等质量下能获得更小的图片体积(相比直接”存储为”)。
第三招：使用Smush it工具
Smush it包含在著名的著名插件YSlow之中,并确保已经安装了Firebug.使用方法很简单,只需要在YSlow中打开”tool”下的All Smush it! 将会跳转到一个新页面,对当前网页的图片进行压缩，而这些压缩都是在不损失图片质量下进行的。所以你大可放心。
第四招：技术处理
如果网站需要更高精度的图片，可以适应一下预载技术，就像百度图片那样，开始的时候先加载低精度的图片，让网页尽快打开，后再显示高精度的图片。
好了，内容不少，也在网上找了些文章来验证一下，手打的也够累了，相信以上的内容应该可以解决你的问题了。欢迎追问，在网站建设和优化上能有更多的交流。
2、如何优化png图标
http://jingyan.baidu.com/article/7908e85c52e379af491ad245.html
优化PNG图片减小图片文件大小
3、怎么一步步把网站Retina优化
网站为高清屏幕优化有什么优势呢？首先有大量的网站没有Retina优化，并且有着越来越多的互联网流量来自平板和手机电脑，这些机型都是非常提前就拥有高清屏的。
之所以广大的站长还不动心Retina优化自己的网站，大多因为他们管理网站所用的电脑还不是高清屏幕，所以暂时没有体验到高清屏下低清网页的模糊感觉。但是如果能在现在就鹤立鸡群，把自己的网站做到高清优化，是非常尊重用户体验的，可以获得更多的回头客和满意度。
图片和CSS背景
使用图片的情形一般是这两个，一个是img标签，另一个是CSS背景。前者比较直接，是最常用的方式。要在img标签实现Retina优化，你只需提供一个图片的双倍尺寸版本，并以50%的大小贴在网页里。
例如，你有一张大小为100X100px的名为picture.png的图片，曾经以
<img src="picture.png" />
的形式贴在网页上，现在为了Retina优化，你需要制作一张同样清晰的但是大小是200X200px的双倍大小图片，名字最好也取为[email protected]，并以
<img src="[email protected]" alt="" width="100" height="100" />
的形式贴到网页上。这样一来，原本200px的大小以100px显示，在高清屏幕上就得到了Retina优化到效果。
Retina 图片命名规范
这种专为优化而生的图片有一套现在常用的命名规范，那就是在后面加一个@2x后缀。例如[email protected]将会是pic.png的优化版本，它的大小将会是后者的两倍，但是我们希望它是以原大小的比例来显示出来。
另一个常见的情形是以CSS背景图形式来展示图片。通常人们用它来显示LOGO，按钮背景或者某个边栏的背景。img更多的在正文出现，CSS背景则与网页布局和整体外观联系紧密，所以实际上我们做的Retina优化在图片这一块，更多的是指CSS Background这一块。和上面的方法一样，优化方案是将一个两倍于原大小的背景图以原大小比例显示出来。例如我们对下面的CSS代码进行优化
#logo{
background: url('logo.png') no-repeat;
}
并且假设这个logo.png是100X100px大小，现在准备一张同样清晰的大小为200X200px大小的[email protected]图片，经过优化，CSS应该这样写
#logo{
background: url('[email protected]') no-repeat;
background-size: 100px 100px;
}
其中，background-size: 宽度 高度; 部分可以把图片背景强制以想要的规格显示出来，这样就可以达到Retina效果。
仅Retina屏幕显示优化的CSS背景图
我们知道双倍的图片大小意味着更大的储存空间和流量，那么，我们能不能实现如果不是高清设备，则只是加载低清图呢？CSS3提供了这样的特性。
现在只需这样写
/* low-resolution devices */
#logo {
background-image: url(logo.png);
background-repeat: no-repeat;
}
/* high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#logo {
background-image: url([email protected]);
background-size: 100px 100px;
background-repeat: no-repeat;
}
}
就可以实现仅仅是高清设备才会载入高清图片，节省流量了。
按钮等页面元素
除了图片，我们常常还在按钮、提示图片等一些小角落看到低清的不和谐图片。有时候我们为了按钮好看，就会在上面做一些图片花样。可就是这些小小的地方，如果Retina优化在这些小角落上没有落实的话，用户的眼光也会一下子被吸引过去并抱怨。
要解决的这些问题，首先可以像上述那样使用高清图片来实现Retina效果，但是更好的方式就是少使用图片元素。现在浏览器主流都支持CSS3技术，而CSS3可以帮助你在不使用的图片的情况下，创造出可缩放的、原生高清的视觉效果，这样一来可以完全不用担心Retina优化问题，还能加快载入速度。
4、SEO网站优化的时候，图片使用png格式好还是jpg的格式好？移动端支持png格式吗？
JPEG (或者说 .jpg) 是最常用的图片压缩格式，支持最高级别的压缩。通常，对于显示要求比较高的图片来说，JPEG格式展示的图片效果较GIF和PNG有明显的优势。
GIFs (.gif) 的图片显示质量要比JPEGs逊色很多，通常用作非常简单的图片展示，比如素材或者装饰性图案，gif也可以用来制作动画。gif不适合用作高显示质量的图片。
PNG图片是比gif更好的选择，因为PNG图片支持的色彩要比GIFs多。此外，和JPEG一样，PNG反复保存也不会影响图片质量，而且对于小图来说，PNG占用的体积极小，PNG完美支持透明背景，所以一般logo或一般装饰性图案都会选择PHG格式。
5、如何优化图像让手机网站加速
一、图像优化
图像优化可能是一个艰难的话题，但实际上有很多方面可供选择。 有文件格式，图像优化工具和代码/ CSS，以确保您以最好的方式保存和处理图像。
二、图像格式
图像的格式化是一个热门话题，网页图片优化是网页加速中非常重要的一步，对图片进行压缩，不仅能够节约带宽，并且加快网页的速度。我们常用的图片编辑软件都可以在压缩图片。PNG 、GIF 、JPG图片对比，图型类一般可以使用PNG格式或者GIF格式。优化时可采用PNG格式为PNG8或者PNG24，品质为32，如果色彩有损失可采用品质64或者128。照片类一般用PNG和JPG。可以根据图片色彩的丰富程度而定。PNG的品质一般要到128。JPG的品质一般要在70-80之间，以噪点的程度确定。
三、图像代码
在加载图像时，可以让代码为我们调整大小。Data URL 和 DHTML，通过 Base64编码将二进制文件（比如图片）捆绑到HTML/CSS中。优点是制作简便，也能减少连接数。缺点是BASE64在一定程度上会增大文件大小 （即使用了GZip压缩）；浏览器也要重新解码显示，会带来一定的性能问题；最重要的是，无法被缓存，每次请求HTML/CSS都会加载一遍，慎用。
四、图像优化工具
合理利用图像优化工具会给你带来很大的帮助，比如Dynamic Drive在线图片优化器，该在线图片优化器允许你优化不同的文件格式，比如GIF、JPG和PNG。你既可以从本机上传图片，也可以像Smush.it那样粘贴图片的URL。该工具可以优化并转换你的图片为不同的文件类型。该工具的限制是每次一张图片，每张图片不大于200K。