2015-01-01 127 views
0

我正在製作一個網站,其中包含一張圖片作爲背景(具有不同背景的子頁面)。到目前爲止,我已經確定圖像應該是1920 x 1080,可能具有1.77:1的寬高比和個人電腦的jpg。現在我想減少圖像文件的大小而不會丟失質量。上傳到Photoshop時圖片尺寸增加(爲網頁目的調整圖片尺寸)

1)首先我的問題。我遇到了Photoshop中最奇怪的事情。當我上傳一張重量爲521 KB的圖像4272x2848到photoshop中並保存時不會改變任何東西,其大小增加到... 1,52 MB ???在我將尺寸縮小到〜1920x1080後,尺寸仍然是〜800 KB。上傳之前的圖像也有96 DPI,上傳後更改爲72 DPI。 (這是什麼巫術?)
2)什麼是可接受的圖像文件大小與該分辨率?
3)我應該使用保存爲網絡?這會增加尺寸或降低我嘗試過的質量。
4)我發現這個圖像尺寸減速網站:https://kraken.io/web-interface它縮小了尺寸,我認爲圖像質量沒有改變。

5)http://www.filedropper.com/pancakes - 來自問題#1的圖像。 (這個圖片可能會在不久的將來發生變化,所以這個更像是一個案例研究)。
謝謝!

回答

2

JPEG是有損的,每次加載,然後保存,再次應用一個單獨的JPEG算法。我相信Photoshop的默認設置是高品質,它們的對話框是8。所以如果你有一個原始的JPEG格式,最初保存爲低質量或中等質量(例如在Photoshop對話框中爲4-6),如果你在Photoshop中打開該格式,並使用默認的「高/ 8」質量保存,那麼JPEG算法被應用在感知圖像上,這意味着您以較高質量算法的數據量保存了較低質量的感知圖像。

這是我離開JPEG的主要原因。如果需要JPEG,我總是嘗試從RAW,BMP,TIFF或PNG圖像開始,然後從中保存JPEG版本,然後如果需要進行任何更改,我會回到完整的「原始」[無損]格式,進行更改,然後再次保存JPEG。我儘量不要編輯已經保存爲JPEG的圖像,因爲你總會失去少量的質量(大多數JPEG算法足夠好,質量損失不是知覺的,但文件大小可以無變化)。

+0

現在你說它確實有道理。那麼如何裁剪和調整圖像而不用在Photoshop中打開它?我是否應該嘗試將jpg質量調整到像4-8這樣的大小以符合原始質量?我能相信我所看到的,我。即如果我看到沒有改變,那麼這個工件會出現在別的地方嗎? – Baki

+0

是的,如果你堅持使用JPEG作爲原件,那麼試着在Photoshop中降低「質量」,直到找到匹配。你有沒有辦法像RAW/BMP等無損格式獲取「原始」圖像?如果是這樣,那永遠是你最好的選擇。如果沒有,然後找到您可以的最大的原始JPEG版本,然後編輯/裁剪並保存較低的設置。您也可以使用原始圖像,並使用CSS Cover來展開圖像以填充屏幕。 – ZacWolf

+0

謝謝。我堅持使用JPEG,但我想我現在知道該怎麼做。我使用CSS封面,但我相信我仍然需要降低圖像大小。 – Baki