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

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

... 第二步：點選上方，影像＞影像尺寸。

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

Skiptocontent WordPress WordPress教學 ＷordPress主題 WordPress外掛 WordPress相關工具 WordPress客製 Elementor教學 WooCommerce WooCommerce教學 WooCommerce主題 WooCommerce外掛 WooCommerce客製 WordPress網頁設計 SEO工具 SearchConsole教學 GoogleAnalytics教學 GoogleAds教學 架站資源 聯絡我們 選單 WordPress WordPress教學 ＷordPress主題 WordPress外掛 WordPress相關工具 WordPress客製 Elementor教學 WooCommerce WooCommerce教學 WooCommerce主題 WooCommerce外掛 WooCommerce客製 WordPress網頁設計 SEO工具 SearchConsole教學 GoogleAnalytics教學 GoogleAds教學 架站資源 聯絡我們 搜尋 >架站資源>Photoshop影像尺寸–修改圖檔大小與裁切比例基礎教學 架站資源 Photoshop影像尺寸–修改圖檔大小與裁切比例基礎教學 內容目錄 Photoshop修改圖片尺寸結語：架站資源相關文章： 歡迎回到鵠學苑—WordPress網頁設計超詳細攻略，影像圖片太大跑檔太慢，要怎麼解決？可利用Photoshop功能『影像尺寸』將圖片檔案變小～那在我們改影像大小及解析度前會依目前做什麼案件決定，常遇到案件分為兩種1.印刷2.螢幕顯示，如果要『印刷』色彩模式會使用ＣＭＹＫ，單位公分、公釐、英吋，解析度最好在300dpi，印刷出品質會比較好。

那如果是『網頁』用，色彩模式是用ＲＧＢ，單位像素，解析度到72dpi就行囉，那我們來教大家怎麼將影像尺寸縮小，讓你在裝置上呈現時跑圖不會太慢。

接下來跟著鵠學院的腳步，讓我們開始學習吧！ Photoshop下載相關連結 https://www.adobe.com/tw/products/photoshop/free-trial-download.html Photoshop修改圖片尺寸 第一步：使用photoshop打開圖檔。

第二步：點選上方，影像＞影像尺寸。

第三步：在跳出尺寸變更視窗中，原始尺寸為4289像素Ｘ2849像素 第四步：圖片要等比縮放記得點擊鎖將其鎖上，在尺寸位子更改需要的尺寸大小。

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

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

第七步：更改好要的尺寸就將其儲存網頁用，轉存＞儲存為網頁用。

第八步：最後來看看原圖跟尺寸改變後圖的容量大小，檔案由1.4MB變成416KB，是不是縮小很多呢～ 結語： 今天的教學到這裡告一段落了，不要忘記在右側訂閱鵠學苑電子報，確保收到最新WordPress教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～ 架站資源相關文章： SocialMediaImageMaker在線上完美切割出最適合社群媒體的圖片！ TinyPNG線上網頁圖片壓縮–照片壓縮不失真–png壓縮工具 Gitmind免費線上工具介紹：心智圖，流程圖，魚骨圖，線上討論 網頁字體工具–識字體網站介紹，線上以圖找出網頁使用字型 免費網頁空間–000webhost免費虛擬主機，WordPress網站架設教學 FIREFILE50GB的免費雲端空間！讓你更方便的儲存資料～ XMind心智圖軟體–製作架構圖、魚骨圖，矩陣，時間軸，組織圖，好用軟體推薦！ 網站資訊文章推薦 內容行銷到底要多久才能見效呢？撰寫內文時一定要遵循的潛規則！ SEO到底追不追的完？文章怎麼寫！ GoogleSearch2020再進化，如何提升網頁品質？ Photoshop影像尺寸Photoshop教學Photoshop教學修圖Photoshop調整影像縮小圖片 Photoshop影像尺寸–修改圖檔大小與裁切比例基礎教學 2019-09-17T00:00:43+08:00 2020-12-11T13:34:35+08:00 鵠學苑 上一頁上一篇Slidesgo簡報模板–GoogleSlides、PowerPoint、Keynote免費版型下載 下一篇Woocommerce會員系統–使用函數在網頁中加入會員登出按鈕下一篇 鵠學苑 我們是由一群熱愛WordPress網站架設的同好所組成的團隊，希望可以將這套頂尖的CMS管理系統推廣給想要架站的朋友們，並且能夠在過程中互相交流心得，讓網站架設過程變得更有效率！ 訂閱電子報 立即訂閱鵠崙設計(鵠學苑)！我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格！ Leavethisfieldemptyifyou'rehuman: 熱門文章 MaceZip解壓縮程式–支援iOS解壓縮RAR格式檔案操作教學 WordPress中文翻譯Poedit教學 Google分析進階教學（二）：進階設定運用GA了解客戶 Google試算表教學–條件規則式說明與甘特圖製作 WooCommerce結帳設定–加入函數限制訂單結帳最低購買金額 ElementorGoogleMap教學–網站Google地圖多點標註與資訊視窗顯示 WooCommerce關閉密碼強度–WordPress加入函數與啟用外掛 WordPress文章摘要設定–使用函數設定不同文章類型的摘要長度 GoogleSearchConsole強化項目：複合式資訊卡、行動裝置可用性及AMP GooglePageSpeedInsight網站速度測試 Photoshop版面尺寸–修改圖片比例讓網頁圖片具有整齊統一樣式 CatchInfiniteScroll滾動無限載入商品：改變你的網拍商品載入方式 實用KeywordTool！Google插件TrendEverywhere帶你看關鍵字熱度！ GoogleSearchConsole教學–AMP加速行動網頁項目操作說明 最新文章 Ufile.io免費線上存儲空間，可支援單檔最大5GB各種類型檔案！ StackWhats讓你使用WhatsApp和瀏覽者進行溝通！提高網站使用體驗！ Ruffle免費的FlashPlayer替代軟體，讓你的瀏覽器繼續支援Flash檔！ FIREFILE50GB的免費雲端空間！讓你更方便的儲存資料～ 好的背景是可遇不可求的！利用CoolBackgrounds客製化專屬與你的背景 Shar.ec共享螢幕錄製工具！快速產生連結簡單分享內容~ SocialMediaImageMaker在線上完美切割出最適合社群媒體的圖片！ safer.chat免費的線上聊天室！全程加密處理讓保護好你的商業機密～ Ufile.io免費線上存儲空間，可支援單檔最大5GB各種類型檔案！ StackWhats讓你使用WhatsApp和瀏覽者進行溝通！提高網站使用體驗！ Ruffle免費的FlashPlayer替代軟體，讓你的瀏覽器繼續支援Flash檔！ FIREFILE50GB的免費雲端空間！讓你更方便的儲存資料～ 好的背景是可遇不可求的！利用CoolBackgrounds客製化專屬與你的背景 Shar.ec共享螢幕錄製工具！快速產生連結簡單分享內容~ 相關文章 Hotjar教學–註冊流程及設定教學，分析網站使用熱點與瀏覽方式 WindowResizer工具介紹–縮放瀏覽器視窗比例檢查網頁排版 Pinterest社群介紹–網站樣式設計作品資源分享及操作應用方法 簡報免費模板分享–GlidePPT多樣性實用簡報版型介紹 Freepik免費網頁素材–分享適合平面設計運用的免費圖形資源網站 UptimeRobot每五分鐘監控一次網站！讓你隨時隨地了解網站情況！ 怎麼合理分配廣告費用？電商新手投放廣告的兩大重點！ GooglereCAPTCHA教學我不是機器人驗證按鈕架站必學技能 Pinterest社群介紹–網站樣式設計作品資源分享及操作應用方法 簡報免費模板分享–GlidePPT多樣性實用簡報版型介紹 Hotjar線上調查(Surveys)教學項目－網站使用回饋填寫表單工具 GoogleMap教學–網站嵌入Google地圖及我的地圖操作方法 印刷色碼轉換–利用CMYK色碼找出Pantone彩通接近色 網頁設計配色分享介紹（一）-LOLColor與NIPPONCOLORS 標籤雲 標籤ElementorPRO教學 Elementorwidget Elementor小工具 Elementor教學 GA教學 GA追蹤碼 GIF動畫 GoogleAds多媒體廣告 GoogleAds廣告活動 GoogleAds教學 GoogleAnalytics教學 GoogleConsole教學 GoogleGA GoogleSEO工具 Google分析 Google網站管理員 Google關鍵字廣告 hotjarfeedback Hotjar教學 Hotjar網站 SEO SEO優化工具 SEO工具 SEO教學 WooCommercefuntion WooCommerceWordPress WooCommerce代管 WooCommerce外掛 WooCommerce客製 WooCommerce客製化 WooCommerce教學 WooCommerce維護 WooCommerce設定 WooCommerce購物車 WordPresstheme推薦 Wordpress主題 WordPress主題推薦 WordPress介紹 WordPress外掛 WordPress外掛 WordPress教學 WordPress登入 放大鏡 架站資源 網站分析 ©2015-2021鵠學苑｜WordPress教學｜WooCommerce教學｜隱私權政策｜訂閱電子報｜網站地圖 WordPressxWoocommerce鵠崙設計 回到頂端