插入圖片與圖片格式設定

插入圖片與圖片格式設定

在類型為「自訂格式」時,可在編輯器內自由編排圖文,以下為基本的資料建置操作——插入圖片。

1.圖片插入:使用上傳圖片

插入圖片1
步驟1 是需求在圖片區點選「上傳單張圖片」,或是「上傳多張圖片」。

插入圖片2
步驟2 在彈出視窗中點選新增圖片,會有彈出視窗可選擇想要上傳的圖檔。

插入圖片3
步驟3 點選「上傳資料」才會將圖片上傳。

插入圖片4
步驟4 點選圖片兩下即可在編輯器中新增圖片。
點鉛筆圖示可更換圖檔,垃圾桶圖示可刪除。

2.圖片插入:使用圖片網址插入

插入圖片網址1
步驟1 點選編輯器工具列上的圖片圖示,就會跳出插入圖片的視窗。

插入圖片網址3
步驟2 在標示1填入圖片網址。
步驟3 可在標示2填入圖片資訊(非必填):
圖片描述:當圖片失效會出現的文字。
Image Title:滑鼠移到圖片上會浮現的文字。
步驟4 點確定即可插入圖片。

3.圖片格式

圖片格式設定圖片格式的方法:
標示1 在編輯圖片格式之前要先選取想編輯的圖片。
標示2 點選「格式」下拉可找到圖片相關格式設定(標示3、4)。
標示3 RWD圖片:點選後圖片會依照螢幕寬度自動縮放。如果使用上傳圖片的方式,圖片會自動加上RWD圖片,但是使用圖片網址插入時需要手動設定。
RWD圖片置中:點選後會依照螢幕寬度自動置中,點選後可讓圖片在不同螢幕上保持整齊。
標示4 圖片的三種外框變化,效果如下方所示。


示範圖片
無設定

示範圖片
圓角

示範圖片
圓形

示範圖片
邊框
 
文章關鍵字:編輯器

更多文章:

  1. 插入Short影片
  2. 部落格目錄
  3. 插入連結
  4. 插入影片
  5. 範本管理