免費圖片空間 Imgur 使用教學

Imgur 是一個網路相簿網站,2009年創立,主要提供免費的相片儲存服務,現今每日使用者達數百萬。Imgur 最大的優點就是它沒有流量限制,也不需要註冊帳號就可以直接使用,使用上非常方便。

Imgur 網頁介紹

進到 imgur 的網頁後,我們可以看到下方有許多其他使用者上傳的圖片,

我們也可以透過上方的搜尋欄,搜尋特定的圖片

上傳檔案

如果我們想要上傳圖片,可以點擊首頁左上方的 New Post

點擊後會跳轉到這個畫面,可以透過拖移或是點擊的方式上傳我們本地端的圖片,imgur 支援多種圖片格式,單張非動畫圖片最大容量限制為 20 MB,每小時最多上傳 50 張,詳細限制可以參考Imgur Help的說明。


成功上傳後會出現這樣的畫面,雖然前面有提到首頁可以看到其他使用者上傳的圖片,但預設上傳的圖片是不會連結到 Imgur 社群的喔,如果希望上傳到社群,可以替圖片加上標題(title)和說明(description),再點擊「To Community」就可以公開囉。

複製圖片網址的方式也很簡單,將滑鼠移到圖片上,並點擊 Copy link 就能成功複製圖片網址了(https://imgur.com/ipZyGmJ.jpg),點擊「···」則可以對圖片進行編輯(調整大小、旋轉圖片)、分享連結、下載、刪除。

在 HTML 中插入外部圖片

使用 Imgur 在 HTML 中插入圖片有兩種方式

  1. 將 Imgur 嵌入
    呈現效果如下:
    View post on imgur.com

使用的方式為點擊圖片上方的「···」,選取 Get share links

再複製 HTML Embed 的語法,貼上到我們的網頁中。

  1. 使用 img 語法
    如果不希望保留 Imgur 的外框,可以直接使用 img 標籤,呈現效果如下:範例圖片

,並放入我們點擊 Copy Link 得到的「https://imgur.com/ipZyGmJ」,在後面 加上副檔名.jpg ,就可以正確插入圖片囉。

1
<img src="https://imgur.com/ipZyGmJ.jpg" alt="範例圖片"> 

帳號註冊

如果我們希望上傳後還能對這些圖片進行管理的話,可以註冊 Imgur 帳號。註冊的方式也很簡單,到首頁點擊右上方的 SignUp 就可以註冊了。

成功登入後我們就可以在這管理自己上傳的圖片囉。


免費圖片空間 Imgur 使用教學
https://shinyu0430.github.io/2021/09/19/imgurturtorial/
作者
Mavis Tsai
發布於
2021年9月19日
許可協議