Photoshop 影像尺寸 – 修改圖檔大小與裁切比例基礎教學

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略,影像圖片太大跑檔太慢,要怎麼解決?可利用Photoshop功能『影像尺寸』將圖片檔案變小~那在我們改影像大小及解析度前會依目前做什麼案件決定,常遇到案件分為兩種 1.印刷 2.螢幕顯示,如果要『印刷』色彩模式會使用CMYK,單位公分、公釐、英吋,解析度最好在300dpi,印刷出品質會比較好。那如果是『網頁』用,色彩模式是用RGB,單位像素,解析度到72dpi就行囉,那我們來教大家怎麼將影像尺寸縮小,讓你在裝置上呈現時跑圖不會太慢。接下來跟著鵠學院的腳步,讓我們開始學習吧!

Photoshop 下載相關連結
https://www.adobe.com/tw/products/photoshop/free-trial-download.html

Photoshop 修改圖片尺寸

第一步:使用 photoshop 打開圖檔。

Photoshop 影像尺寸

第二步:點選上方,影像>影像尺寸。

Photoshop 影像尺寸

第三步:在跳出尺寸變更視窗中,原始尺寸為4289像素X2849像素

Photoshop 影像尺寸

第四步:圖片要等比縮放記得點擊鎖將其鎖上,在尺寸位子更改需要的尺寸大小。

Photoshop 影像尺寸

第五步:修改操作方式可參考下方。

Photoshop 影像尺寸

第六步:沒有點擊鎖頭就修改長度或寬度,圖片將會變形,如下圖所示。

Photoshop 影像尺寸

第七步:更改好要的尺寸就將其儲存網頁用,轉存>儲存為網頁用。

Photoshop 影像尺寸

第八步:最後來看看原圖跟尺寸改變後圖的容量大小,檔案由 1.4MB 變成 416KB ,是不是縮小很多呢~

Photoshop 影像尺寸

結語:

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

架站資源相關文章:

網站資訊文章推薦

內容行銷到底要多久才能見效呢?撰寫內文時一定要遵循的潛規則!
SEO到底追不追的完?文章怎麼寫!
Google Search2020再進化,如何提升網頁品質?

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

回到頂端