教你如何讓圖片畫質好檔案又小(二) @ 花*春 - 隨意窩
文章推薦指數: 80 %
以這張圖為範例,因為它的色階少,所以我們選擇儲存為gif檔. 打開photoshop程式後,到上方的功能選單,檔案>儲存為網頁用(拍謝我家的photoshop ...
花*春~**~簡易修圖、網頁技巧分享~**~日誌相簿影音好友名片
200703091439教你如何讓圖片畫質好檔案又小(二)?Photoshop簡易實用技巧範例篇一有了上述的基本概念後,再來詳細說明什麼樣的圖檔需存成jpg或gif,以及如何操作。
【JPG】靜態圖片,色彩豐富【GIF】動態或靜態圖片,色彩簡單,可透明※使用PHOTOSHOP儲存圖檔範例一以這張圖為範例,因為它的色階少,所以我們選擇儲存為gif檔 打開photoshop程式後,到上方的功能選單,檔案>儲存為網頁用(拍謝我家的photoshop是英文版的= =”)用這方式來存檔,會比直接另存檔案後的檔案來得小許多,至於為什麼呢?我也不知道,可能是因為它是針對符合網頁用的關係吧...選擇儲存為網頁用之後則會看到以下畫面↓4格的左上方那一格是圖片原始的畫質,用來讓你比較儲存後的畫質。
接著我們先以儲存為gif來解說,如上圖,由於這張圖的色階少,所以不需要用到256色,我們可以將它調為100色即可,檔案也會隨之小了許多,設定好後可看出畫質與原圖檔幾乎相同,下方顥示的k數為14.24k,即是你儲存此檔案後的大小;再來看如果存成jpg的話,儲存jpg檔畫質要好,至少品質(Quality)必須設在70~80之間,70以下就會肉眼看得出比原畫質差;80以上則是用肉眼看不出比原畫質更好,但檔案卻隨之變大。
所以我們將檔案品質設在80,下方顯示的K數則為18.81K,跟上一個儲存為GIF的來比,檔案大了4點多K,(別覺得4K很少,當一個網頁圖多時,每個圖都減少4K的話,就能省下不少流量及空間了)由此我們就能比較出此圖因色階較少的關係,所以應選擇存為GIF才能將檔案降到最小又不失畫質。
SHIRO/Xuite日誌/回應(0)/引用(0)教你如何讓圖片畫質好檔案又小(...|日誌首頁|教你如何讓圖片畫質好檔案又小(...上一篇教你如何讓圖片畫質好檔案又小(一)...下一篇教你如何讓圖片畫質好檔案又小(三)...回應
加我為好友-不受控-
Cannotbecontroled.日誌相簿影音
OnMyWay花*春
全部展開|全部收合
累積|今日loading......
jpshiro's新回應沒有新回應!
設計就是要開心~
UHO讓你健康~*
延伸文章資訊
- 1如何在photoshop做網頁用圖示 - 台南應用科技大學圖書館
按住「shift」拉四角的方塊調整移動圖片位置至滿意後,滑鼠在圖片大小外按一下即置入(或直接按enter). 4 選擇 檔案/儲存為網頁用/儲存檔案 即完成。(勿用另存新檔,會 ...
- 2必備壓縮技,網頁圖片不失真又能讀取更迅速! | 邦立資訊
使用Photoshop 工具. 一、網頁影像「儲存為網頁與裝置用」. 二、儲存成JPG,選項「最佳化」打勾,並一邊選擇圖片品質,一般預覽圖片確認影像不失真。
- 3[教學] 使用舊版「Photoshop的儲存為網頁用」也可輸出Retina ...
其實方法很簡單,只需透過Photoshop內建的儲存為網頁用的這功能,即便不是使用Photoshop CC與合併圖層,一樣也可以將圖片轉出各種不同影像尺寸的 ...
- 4[教學] 使用舊版「Photoshop的儲存為網頁用」也可輸出Retina
當您在macOS 10.15.x 上使用Photoshop 並選取「檔案> 轉存> 儲存為網頁用」時 ... ,2020年7月27日— 了解如何將Adobe Photoshop 檔案儲存或轉存為...
- 5在Photoshop 中以圖形格式儲存檔案