分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

gfycat.com 把 GIF 動畫檔轉為 HTML5 影片的免費網頁服務

2016-6-9 更新:該網站操作方式改變,另新增 YouTube、Facebook...影片支援功能

想要在自己的網頁中來播放動畫或影片,方法很多,可以利用 Flash 來包裝也可以將影片轉成 GIF 動畫檔或是直接將影片上傳到影音服務網站像是 Youtube 後來取得嵌入網址再放到自己的網頁中。不過這樣的作法,隨著主流瀏覽器開始支援 HTML5 的普及後,想要將影片放到網頁中,也變得容易。以往若網頁有用 GIF檔,想要改用 HTML5 來節省頻寬,現在你就可以透過 gfycat.com 網站所提供的 GIF 動畫檔轉為 HTML5 影片的免費服務,輕鬆完成。

【gfycat.com 網站資訊】
網站語言:英文
服務性質:免費
網站網址http://gfycat.com/
如何使用 gfycat.com?

1.進入網站,點擊[ Upload ]來選擇影片或檔案的來源。
ContentPhoto2021

ContentPhoto2021

3.以 Youtube 影片為例,只要輸入影片網址,接下來就會得到一個影片網址。
ContentPhoto2021

範例網址:https://gfycat.com/RelievedParallelAchillestang

以下為舊版
1.使用瀏覽器開啟 http://gfycat.com/ 網站後,畫面中央的計數器,會顯示目前已經節省的網路頻寬。接下來選擇 GIF 檔案來源,若想直接轉換網路上的圖片,可點擊[Fetch a URL]後貼上圖片的網址來進行轉檔,若是要使用電腦中的檔案,可點擊[Upload your .gif]。
ContentPhoto2021

2.接下來便開始上傳與轉檔。
ContentPhoto2021

3.完成後,便會出現連結、檔案等資訊與播放控制面板,下圖是一個 42 M轉為 5M 的範例。
ContentPhoto2021

4.點擊[LINKS],可產生 gfy 及 gif 連結網址與 iframe 或 embed 等語法方式將 HTML5 動畫嵌入到網頁中。
ContentPhoto2021

5.範例。

延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有0則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容