---
tags: 使用者操作手冊
---

# KSOHP系統圖片跑版【使用者操作手冊】
## 教學影片
* [文章列表-圖片上傳後，手機圖片顯示跑版解決方式](https://drive.google.com/file/d/1excLwxCJQM7B9kKV3bSfkiydyZ_cKFkZ/view?usp=share_link)

## 文字說明
### 一、手機圖片跑版，如何上手機圖片顯示正常
#### 1.可先把圖片進入，PhotoShop或是illustrator或其它可更改儲存格式的編輯軟體，重新轉存檔案一次，如不是PNG檔，請改成PNG檔，**如果手機進行此動作還是跑版，需至下個步驟更改**
#### 2.請至編輯文章中點擊上方[文章內容]>[查看]>[原始碼]
#### 3.進入至原始碼編輯器中，複製以下淺灰色底前後代碼，照著影片步驟把圖片代碼前後改成下方淺灰色字的即可`<figure class="image"><img src="`https://firebasestorage.googleapis.com/v0/b/star-signite.appspot.com/o/S__60506137.jpg?alt=media&amp;token=3b940554-7e79-457e-8033-854667cf2a3f`" alt="&quot;" /></figure>`