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

Photoshop 影像尺寸 :

1. Photoshop 變更影像尺寸方式

影像圖片太大跑檔太慢,要怎麼解決?可利用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 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

架站資源 相關教學文章:

Slidesgo 簡報模板 – Google Slides、PowerPoint、Keynote 免費版型下載

Google Chrome Labs Squoosh 高品質線上圖片壓縮工具介紹

Mac 預覽程式教學 – 圖片去背、裁切、轉檔及修改註解

網頁視覺設計 – 以貝茲曲線網站 10 種字母測驗圓弧圖是否完美

網頁設計配色分享介紹(一)- LOL Color 與 NIPPON COLORS

網頁素材分享 – 可商用免費下載 icon 圖示,IconStore 網站介紹

網站架設知識推薦閱讀:

Google SEO 更新 -新增 sponsored 及 ugc 屬性,讓連結性質易於識別

Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現

Google 演算法更新,使用者搜尋後將出現多樣性的網站內容

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top