檔案太大的圖片要怎麼辦? - LOHAS IT 樂活資訊網頁設計公司 ...
文章推薦指數: 80 %
1.用PhotoShop開啟要瘦身的圖片 · 2.點選「檔案/儲存為網頁用」(或直接按鍵盤Alt+Shift+Ctrl+S) · 3.此時將出現一個「儲存為網頁用」的視窗,您可直接 ...
檔案太大的圖片要怎麼辦?首頁文章網頁設計檔案太大的圖片要怎麼辦?
0
作者:
lohaslife.2017
於
2017/01/04
分類
網頁設計
標籤
圖片壓縮網站設計網頁設計響應式網站設計響應式網頁設計
share—
檔案太大的圖片要怎麼壓縮?
相信多數人都會遇到相同的問題,
拍好圖片後發現圖檔很大,怎麼辦?
一般網站中所使用的圖片,我們都會先建議「壓縮」後,再放
置於網頁中。
然而所謂的圖片壓縮並非指將圖片使用壓縮軟體(例如RAR、ZIP…)加以封裝,
而是要幫圖片「瘦身」,也就是說壓縮(瘦身)後的圖片格式仍然不變,依舊是JPG或GIF或PNG的格式。
圖片不瘦身會怎樣?
圖片如果不瘦身的話,圖片量少是不會有太大的影響,
一旦圖片量多,網站就會受到影響,會產生”過肥”的現象,
此時會發現網站載入速度變慢,或是圖片過了很久才能顯示,
因此我們都會建議客戶,影片記得要”減肥”,
減肥的意思是將圖片檔案縮小,
但是肉眼看上去跟原本的圖片是沒有分別的。
該怎麼處理圖片?
很多人都會使用photoshop處理圖片過大的問題,
畢竟是眾所皆知的強大軟體,
這裡我就來簡單說明要如何使用photoshop處理吧!
1.用PhotoShop開啟要瘦身的圖片
2.點選「檔案/儲存為網頁用」(或直接按鍵盤Alt+Shift+Ctrl+S)
3.此時將出現一個「儲存為網頁用」的視窗,您可直接調整壓縮品質(建議70~90),並於預覽視窗預瀏壓縮後的圖片,最後選擇您要另存圖檔的格式
(一般照片可存成JPEG,若照片有去背,記得選用PNG)。
4.按儲存鈕後,選擇另存的圖片位置即完成。
家裡沒有photoshop怎麼辦?
網路上有許多相關的免費網站都有壓縮圖片的功能,
這裡來介紹一款非常容易上手而且簡單操作的網站吧!
“ShortPixel“線上圖片壓縮!
試用後確實是很實用而且方便:
1.支援JPG、PNG、GIF檔等等
2.最多一次可以上傳20張照片,不用一張一張處理
3.壓縮率達75%以上
4.壓縮後照片沒有失真
5.不需要註冊,可以直接免費使用
看起來是不是很方便使用呢?
馬上帶大家簡單操作一次!
這是進入後第一個畫面
直接拖曳或是上傳要壓縮相片
上傳後就會自動壓縮,點擊紅圈圈處就可以下載囉!
看完是不是覺得很簡單呢~
下次要處理相片再也不用傷透腦筋了!
延伸閱讀:
網頁設計,你知道2017年的趨勢是甚麼嗎
近期文章
設計喃喃【阿波羅】
設計喃喃【環電大學】
開店網站平台VS自有網站平台
無障礙網站的3種檢測等級定義和4大原則
線上預約是什麼?15大超實用線上預約功能大解析
分類
文章
未分類
精選文章
網站技術
網站資安
網路行銷
網頁設計
設計喃喃
電子商務
延伸文章資訊
- 1Photoshop教學-依需求設定影像尺寸與檔案大小 - 梅問題
Photoshop教學-依需求設定影像尺寸與檔案大小 ... 任意開啟一張影像,對著上面的標題列,按下滑鼠右鍵,選擇【影像尺寸】,或是選擇功能表/ 影像/ 影像尺寸 ...
- 2[教學] Photoshop依需求指定圖片,輸出的檔案大小 - 梅問題
有在經營拍賣或商城的朋友,當今天要把產品照片上傳時,總會遇到平台會有檔案大小的限制,而平台之所以會限圖檔大小,最主要的原因就...
- 3Photoshop教學:【基礎應用】修改大量圖檔尺寸與壓縮 - 歐斯瑞
本教學使用版本Adobe Photoshop CC 2015.5 ... 將需要改變尺寸的檔案存放在同一資料夾內. Photoshop (2) ... 第3步選擇儲存的類型與壓縮程度以及是否需要...
- 4如何使用PS不改變jpg圖片尺寸,精確壓縮圖片文件的大小
網絡上傳圖片時,要求圖片清晰,而且大小不能太大。以下是利用Photoshop軟體處理圖片,在不影響圖片尺寸的情況下壓縮jpg圖片文件大小,並且失真降到 ...
- 5影像尺寸與解析度- Adobe Photoshop
檔案大小和影像的像素尺寸成正比。設定相同的列印大小,像素愈多的影像可能會產生愈多的細節,也就需要較大的磁碟空間來 ...