圖片連結怎麼用？分享連結、直接連結、HTML、BBCode、Markdown 一次搞懂

把圖片傳到圖床之後，畫面上會出現一整排連結：分享連結、直接連結、HTML、BBCode、Markdown……貼錯地方的結果通常是：論壇上只出現一串網址、網站上的圖破掉、或是朋友點開看到的是一個陌生的網頁。其實規則很簡單——看你要貼去的地方「認得」哪一種。

先看結論

分享連結：給「人」看的

分享連結打開是一個完整的頁面：圖片、標題、說明、標籤、上傳者，還有表情反應。把它貼到 LINE、Facebook、Discord，會自動長出一張預覽卡，看得到縮圖與標題，是傳給朋友最自然的方式。

• 可以改成好記的自訂網址，例如 uploads.tw/i/my-cat，原本的連結也繼續有效。
• 設了分享密碼的話，打開這個頁面要先輸入密碼。

直接連結：圖片檔案本身的網址

直接連結指向的是檔案本身，打開就只有那張圖，沒有任何頁面。它是給「程式」或「需要圖片網址的欄位」用的：論壇的插入圖片按鈕、表單的圖片網址欄位、自己網站的程式碼都要這一種。

• 檔案放在 Cloudflare 的全球網路上，不限外連流量，可以放心貼在人氣文章裡。
• JPG、PNG 上傳時會轉成 WebP，所以網址結尾通常是 .webp，所有現代瀏覽器都看得了。
• 要注意：分享密碼保護的是分享頁，直接連結本身拿到就打得開。真正不能外流的圖片請不要上傳。

PTT 的貼圖方法比較特別，可以看PTT 貼圖教學；Discord 的做法在Discord 圖片外連教學。

HTML：部落格與網站

「HTML 直接連結」是一段寫好的 <img> 語法，貼進部落格或網站編輯器的 HTML 模式，圖片就會出現在文章裡。語法裡已經帶好替代文字（alt），對搜尋引擎和看不到圖的讀者都有幫助。想自己調整大小、加連結，可以參考HTML img 語法教學；替代文字怎麼寫才好，看alt 文字與圖片 SEO。

影片與音檔的 HTML 會是 <video> 和 <audio>，貼進網頁就能直接播放。

BBCode：論壇用的

巴哈姆特、Mobile01 等論壇用 BBCode 排版。在分享頁點「更多格式」會看到兩種：

• [img]直接連結[/img]：文章裡直接顯示圖片。
• [url=分享連結][img]直接連結[/img][/url]：顯示圖片，點下去會打開分享頁看大圖。

各論壇的實際操作，見Dcard、巴哈姆特貼圖教學。

Markdown：GitHub、Notion 用的

寫技術文件、GitHub 的 README、Notion 或 HackMD 筆記時，用 Markdown 格式：![替代文字](直接連結)。複製之後直接貼上，圖片就會顯示。

一次上傳很多張：整批複製

一次最多可以傳 20 個檔案。全部傳完之後，所有連結會一行一條列出來，上面可以切換格式——分享連結、直接連結、BBCode、Markdown、HTML，選好之後按「複製全部連結」，一次帶走：

貼論壇的時候特別方便：選 BBCode、複製、貼進文章，三張圖就排好了。

常見問題

直接連結可以拿來當網站的圖片嗎？會不會被擋？

可以。UPLOADS 不限外連流量、不擋外部網站引用，圖片也不會被換成廣告圖。

改了自訂網址，之前貼出去的連結會壞掉嗎？

不會。原本的 /i/ 加亂碼那條連結永遠有效，自訂網址只是多一條好記的。

連結會過期嗎？

預設永久有效。只有你自己設定了「自動刪除」（1 小時～30 天），或是內容違規被下架，連結才會失效。

手機上怎麼操作？

步驟一樣，手機上的完整流程在手機照片怎麼變成連結。也可以直接到 uploads.tw 傳一張試試看。