首頁 > web前端 > PS教程 > 主體

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

奋力向前
發布: 2021-07-23 14:18:23
原創
14879 人瀏覽過

之前的文章《ps版本:CC2019如何恢復預設首選項(總結)》中,給大家介紹了一種快速恢復預設首選項的方法,助你在工作上的便利。以下這篇文章為大家介紹如何把圖片轉換成網頁的形式,ps功能--Web格式儲存圖片,適用於日常的空間等網路用圖的上傳。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

ps將圖片轉成網頁格式

#1、ps開啟一張圖片,按住Ctrl J複製一個圖層。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

2、選擇裁切工具,數值設定成裁切大小適用。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

3、用滑鼠托移四個角的方向,進行構圖調整好了。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

4、選單列中點選【檔案】然後選擇【儲存為web和所用格式】。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

5、選擇JPEG格式,為了保證上傳到網路顏色不進行壓縮,勾選如下同三個選項。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

6、點擊窗口,主要我上圖圈圈的地方,優化檔案大小,輸入限定的數值。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

7、依照自己的選擇去儲存。選擇僅限影像,另一個選擇僅限html儲存網頁模式,也就是可以選擇瀏覽器開啟。兩種都選的話,兩個都會保存。根據自己需求進行選擇。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

8、點選儲存之後在桌面中右鍵開啟屬性看看大小是不是50KB。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

透過這個可以最佳化檔案大小

9、「儲存為web和所用格式」這個功能,挺實用的,還可用於匯出gif動圖片

選擇「GIF」格式,點選儲存即可。

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

gif動圖效果圖:

一招教你用ps將圖片轉成網頁格式 (圖文詳解)

推薦學習:PS影片教學

以上是一招教你用ps將圖片轉成網頁格式 (圖文詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
ps
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板