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。