2013-03-28 144 views
-1

我想在我的網站上有像這些在這裏滑塊這裏的高品質圖像http://www.viewbug.com/但是當我有實際的圖片,由於大尺寸,它不會加載速度不夠快。我試圖用photoshop重新調整大小,但是我的照片質量會下降很多。所以例如在這個網站http://www.viewbug.com/media/featured/2892642_large.jpg上的以下圖片是高質量的,但是尺寸很小377kb,然後他們用html代碼height = 900和width = 640重新調整它的大小,而沒有破壞口糧尺寸,並且它看起來就在滑塊內部很好。我GOOGLE了,我沒有找到任何JavaScript或HTML代碼,這樣做。我怎樣才能壓縮我的圖像,而不會丟失質量圖像壓縮還原器

+0

這是不是真的爲這個網站,因爲它現在站在話題。你應該考慮改寫它。 (但有一些提示:你應該始終以圖片的大小顯示圖片,你應該看看使用瀏覽器緩存,不要爲壓縮.jpg圖片而煩惱 - 它無濟於事。 ) – 2013-05-02 13:12:20

回答

-1

所以通過使用punypng你可以得到dat的解決方案。 PunyPNG是一款免費的網站優化工具,它可以在不損失任何質量的情況下大幅縮小圖像的文件大小。

+0

是唯一一個嗎?這似乎不是免費的 – benzo 2013-03-28 06:23:02

+0

像這樣的網站優化工具不是你正在尋找什麼時,具體談論準備爲您的網站的照片圖像。 Photoshop功能更強大,使用內置的「save for web」選項。 – 2013-03-28 06:31:48

+0

@JosephMyers我試過,但質量下降 – benzo 2013-03-28 06:51:59

0

我是一名攝影師,所以我做了很多。我使用眼睛不可見的壓縮設置導出圖像,但將圖像縮小得比原始圖像小得多。不幸的是,Photoshop使用與大多數JPEG程序不同的壓縮比例(並且JPEG是Internet的唯一高效且兼容的照片格式),因此對於Photoshop,需要使用特定的指令。

試試這個教程:

http://inobscuro.com/tutorials/optimizing-images-for-web-35/

+0

嘿,謝謝我已經嘗試過,但沒有工作,我基本上是爲此嘗試,但沒有工作但http:// imgbond.com/contest/ – benzo 2013-03-28 06:53:25

+0

您可以使用JPEG壓縮級別進行播放。您可以將文件大小至少減少到原始RAW數據的10倍以下,而不會出現可見的效果。但是,在導出時可能會出現其他一些導致圖像質量下降的設置。例如,您可能需要確保將導出設置正確配置爲「銳化屏幕」。如果你沒有這個設定,那麼這些圖像看起來就不那麼尖銳。 – 2013-03-28 18:12:58

+0

嘿,你在Photoshop上設置了哪個銳化?對不起,在這 – benzo 2013-03-28 19:16:24