iT邦幫忙

2022 iThome 鐵人賽
DAY 27
0
自我挑戰組

從零開始自學HTML/CSS網頁設計系列 第 27 篇

調整圖片的大小並裁切

14th鐵人賽
509 瀏覽

  • 分享至 

  • xImage
    •  

如果想要將自己拍的照片放到網路，很有可能會有圖片太大的問題，這時候就必須使用到影像編輯軟體來編輯圖片，而這邊介紹的是可以免費使用的線上影像編輯軟體「PIXLR EDITOR」:https://pixlr.com/tw/ 。

  1. 首先先點選開啟一個設計項目:
    https://ithelp.ithome.com.tw/upload/images/20221010/20152190Ci6Y0lk1f2.png
  2. 然後點選打開圖像:
    https://ithelp.ithome.com.tw/upload/images/20221010/20152190VJTLZAgHyz.png
  3. 點選網頁版來調整圖片尺寸:
    https://ithelp.ithome.com.tw/upload/images/20221010/20152190zuAQpvWNik.png
  4. 也可以點選裁切來調整圖片的寬度號高度:
    https://ithelp.ithome.com.tw/upload/images/20221010/20152190sA9sUBSBbZ.png
  5. 編輯完圖片可以點選節省來將檔案存在自己的電腦裡:
    https://ithelp.ithome.com.tw/upload/images/20221010/20152190ijS2f9ri17.png

上一篇
發佈網站並確認
下一篇
增加網站的頁面
系列文
從零開始自學HTML/CSS網頁設計 共 30 篇
  1. 26
    發佈網站並確認
  2. 27
    調整圖片的大小並裁切
  3. 28
    增加網站的頁面
  4. 29
    重點回顧
  5. 30
    完賽心得
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22084 篇
完賽人數
594 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙