title: 製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make --- **摘要** 在 Web 2.0 型態的網站出現之前，製作 GIF 圖像一定得透過軟體來做，而且不少軟體需要付費才能使用，在免費資源看到這個網站之前，我也使用過狂人推薦的 GIF Animator ，想不到軟體居然跟系統衝突，用 Ulead 牌也是一樣，搞了半天後來還是選擇放棄，天要降大任於我，我投降了…但是做教學網站有時候就是需要用到 GIF 這玩一來展示一下文章要表達的東西，發現這個玩意對我來說真的是天大的好消息！ GIFMAKER 是一個能在網站上製作 GIF 圖檔的線上服務，和專門的軟體一樣，只要將圖檔上傳給網站，並設定好每張圖片切換的間隔時間，網站就能自動幫你作成 GIF 動態圖檔並提供下載連結。不但轉換效率高，而且製作出來的圖片不會加上浮水印哦~ **Category** - [網站推薦](https://www.soft4fun.net/category/tech/website-recommand) **Tag** - [GIFMAKE](https://www.soft4fun.net/tag/gifmake) - [製作GIF](https://www.soft4fun.net/tag/%e8%a3%bd%e4%bd%9cgif) **圖片清單** - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 2370301751_5c3ebf0858](http://static.flickr.com/2232/2370301751_5c3ebf0858.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 2370301751_5c3ebf0858") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3592694363_fb67e3bf3b](http://pic.soft4fun.net/imgs/3600/3592694363_fb67e3bf3b.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3592694363_fb67e3bf3b") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501138_df9f9e5cbc](http://pic.soft4fun.net/imgs/3384/3593501138_df9f9e5cbc.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501138_df9f9e5cbc") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501412_937d41b40e](http://pic.soft4fun.net/imgs/3385/3593501412_937d41b40e.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501412_937d41b40e") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501474_1802e83ecb](http://pic.soft4fun.net/imgs/3306/3593501474_1802e83ecb.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501474_1802e83ecb") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501706_e56615cc4d](http://pic.soft4fun.net/imgs/3306/3593501706_e56615cc4d.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501706_e56615cc4d") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3592695115_0b62475979](http://pic.soft4fun.net/imgs/2471/3592695115_0b62475979.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3592695115_0b62475979") - ![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501890_a2b35d84d8](http://pic.soft4fun.net/imgs/3361/3593501890_a2b35d84d8.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 3593501890_a2b35d84d8") --- 在 Web 2.0 型態的網站出現之前，製作 GIF 圖像一定得透過軟體來做，而且不少軟體需要付費才能使用，在[免費資源](http://www.freegroup.org/)看到這個網站之前，我也使用過狂人推薦的 [GIF Animator](http://briian.com/?p=2239) ，想不到軟體居然跟系統衝突，用 Ulead 牌也是一樣，搞了半天後來還是選擇放棄，天要降大任於我，我投降了…但是做教學網站有時候就是需要用到 GIF 這玩一來展示一下文章要表達的東西，發現這個玩意對我來說真的是天大的好消息！ GIFMAKER 是一個能在網站上製作 GIF 圖檔的線上服務，和專門的軟體一樣，只要將圖檔上傳給網站，並設定好每張圖片切換的間隔時間，網站就能自動幫你作成 GIF 動態圖檔並提供下載連結。不但轉換效率高，而且製作出來的圖片不會加上浮水印，意思就是說，可以把軟體換掉？ > **網站名稱**：GIFMAKE > **網站網址**：[http://gifmake.com/](http://gifmake.com/) ## 上傳圖片的限制 製作的速度會受圖片大小影響，因此為了系統負載考量，官方對於使用者上傳的圖片做了以下兩點的限制： 1. 圖檔大小：最大 1 Mb 2. 圖片大小：最大 500*500 pixel（若要製作 過此規格的圖片可到 [Superuser Page 頁面](http://gifmake.com/superuser.php)申請） 還是有一些限制，軟體可不能丟掉呀！需要時可以拿出來用…但這些設定對一般使用者而言比較沒有影響，要做特大張的 GIF 圖片通常都是如廣告文案方面的吧？ 以下我用兩張圖片簡單介紹製作方法 [![製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 2370301751_5c3ebf0858](http://static.flickr.com/2232/2370301751_5c3ebf0858.jpg "製作 GIF 圖像不用軟體，網站工具直接搞定：GIF Make 2370301751_5c3ebf0858")](http://www.flickr.com/photos/14688418@N08/2370301751/) 在製作前，必須先把所有圖檔都準備齊全，前後順序也要對照好，盡量從檔名直接去編號，以免順序錯亂而做出怪圖圖 > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3592694363_fb67e3bf3b](http://pic.soft4fun.net/imgs/3600/3592694363_fb67e3bf3b.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3592694363_fb67e3bf3b") Step 1 > 首 > ， > 上傳圖片到網站上。網站提供「網路」及「本機」 > 種上傳方式，依 > 你的需求上傳。（這裡我以本機上傳為例） > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501138_df9f9e5cbc](http://pic.soft4fun.net/imgs/3384/3593501138_df9f9e5cbc.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501138_df9f9e5cbc") Step 2 > 按下【瀏覽】，選擇要上傳的圖片檔案後按【開啟】 > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501412_937d41b40e](http://pic.soft4fun.net/imgs/3385/3593501412_937d41b40e.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501412_937d41b40e") > 然後按欄位最左邊的【Upload】上傳圖檔。 > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501474_1802e83ecb](http://pic.soft4fun.net/imgs/3306/3593501474_1802e83ecb.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501474_1802e83ecb") > **※ 若是從網路上傳圖檔，將檔案的網址貼到左邊的欄位 > 之後，一樣按下【Upload】即可。** Step 3 > 依 > 同樣的方法，將 > 他 > 他圖片上傳。接著設定每張圖片間隔的時間差。 > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501706_e56615cc4d](http://pic.soft4fun.net/imgs/3306/3593501706_e56615cc4d.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501706_e56615cc4d") > 每張已上傳的圖片上方都會有一個欄位寫著「40」，這表示該張圖切到下張圖片需要間隔40毫秒（預設值即為40）的時間。依 > 你的喜好去調整吧！ > **※ 間隔時間越短，切換速度越快。** Step 4 > 接著往下一個框框看。 > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3592695115_0b62475979](http://pic.soft4fun.net/imgs/2471/3592695115_0b62475979.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3592695115_0b62475979") > **「Animation loop」**表示重複播放次數，如果要讓這些圖片循環播放的話就輸 > 「0」，否則就輸 > 循環次數。 > **「Resize choice」**為縮圖選 > ，主要針對大面積的圖片而設計，三個選 > 分別為：圖片寬度最小化、維持不變以及特殊大小。 > 設定完成後，按【Generate GIF】，稍候一下 GIF 圖檔會產生在網頁上面，按「Download」就可將圖檔下載回電 > 。 > ![製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501890_a2b35d84d8](http://pic.soft4fun.net/imgs/3361/3593501890_a2b35d84d8.jpg "製作 GIF 圖像不用軟體，網站工 > 直接搞定：GIF Make 3593501890_a2b35d84d8")