ETH官方钱包

切換
舊版
前往
大廳
主題

巴哈姆特文章貼圖技巧

一尺十寸 | 2019-05-23 09:07:12 | 巴幣 18 | 人氣 3561



=== PART I ● 外部圖源 ===

文章塞圖通常會用左側的 [插入圖片]



會有三種方式插入圖片:
* 上傳圖片
* 選定相簿集裡的圖
* 圖片網址

第一種上傳圖片,因為圖片會進到巴哈姆特的服務器裡,
所以它會限定圖片最大只能 300KB
如果要上傳大圖 (解析度較高 / 尺寸較大) 的話,
建議使用第三種方式
先將圖片傳到可公開的空間 ( imgur / Google 相簿…)
再將圖片網址貼到輸入框裡
這麼一來,就能在文章裡不受限地置入大圖了




=== PART II ● 合適尺寸與連結 ===

只不過圖片太大對於瀏覽者並不一定是好事
部份手機使用者在瀏覽有大圖的網頁時
會覺得又卡又頓,人生都灰暗了起來

這時會比較建議縮小內文圖片尺寸
並用網址連結到原始大圖
或者是將原始大圖的網址貼在旁邊

而因為巴哈的編輯器看到圖片網址就會自動轉成圖片塞進內文區塊
所以這部份會建議使用 原始碼 編輯內文

會用到的只有 [url] 跟 [img] 兩個元件

-------------------------------------------
原圖:[url=連結網址]連結文字[/url]
縮圖:[img=圖片網址]
-------------------------------------------

如果貼心一點
也可以在原圖那邊標註一下原圖尺寸
讓點擊者有個心理準備要不要點

-------------------------------------------
原圖:[url=連結網址]連結文字[/url] 5000x6000 (6MB)
縮圖:[img=圖片網址]
-------------------------------------------



------用網址包圖片示例-------------
5000x6000 (6MB)
[url=連結網址]
[img=圖片網址]
[/url]
-------------------------------------------



=== PART III ● imgur 自動縮圖 ===

常貼圖的應該都很常使用 imgur 圖片空間
其實 imgur 也有自己預設的縮圖功能
有六種縮圖格式:


via: https://api.imgur.com/models/image#thumbs

使用方法就是把你要的尺寸尾綴加在 imgur id 後面:
假如原本的圖片網址是 http://i.imgur.com/12345.jpg
而你要的是最大的縮圖
那就在後面加上 h 字元,網址變為 http://i.imgur.com/12345h.jpg 即可


創作回應

克里斯米諾K
實用~!!
2021-08-27 19:41:19

更多創作