gimp要怎麼做網頁圖片切割

2009-03-26 12:27 am
就像下面網址用Photoshop的那種效果
http://www.wretch.cc/blog/sgoiena/29312418

請問gimp可以做到將圖片切割並產生對應的html檔嗎?
更新1:

TO. 熊2 gimp是一套軟體,不是副檔名啦= =||| 我印象中gimp裡面好像要掛某個插件材有像Photoshop的切片功能 可是我現在找不到那個插件是什麼?? 或是gimp裡面本身如果有這個功能,我應該要去哪邊點選使用

更新2:

TO.幸福。泡沫 我不是要做影像地圖阿QQ 如果影像地圖就簡單多了orz 我現在是要將整張大圖切成很多張小圖 然後自動產生一個html可以將這些小圖拼起來,顯示成完整的一張大圖

回答 (3)

2009-04-02 10:59 pm
✔ 最佳答案
盼能對您有點幫助。

請參考以下教學:



圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon2.gif
影像地圖(image_map)

圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
實際範例

圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
何謂影像地圖:在一張圖片上,分割不同區塊,每個區塊連接至不同網頁

圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
如何製作方法:
目前影像處理軟體都有提供製作方法,茲以GIMP為例
step1:開啟一張圖檔,檔案→開啟
step2:濾鏡→網頁→image_map
step3:製作過程

HTML語法:
# 影像地圖有兩種類型,1.Server Side 2.Client Side# 格式:<MAP SRC="圖片檔" NAME="名稱"USEMAP="#MAP 名稱"><MAP NAME="名稱"><AREA SHAPE="形狀" COORDS="x,y座標"HREF="連結URL" ><╱MAP>
* 形狀類型: rect(矩形)預設
* circ(圓形)
* poly(多邊形)
* COORDS設定該區域位置及大小
* rect(矩形)-(x1,y1,x2,y2)左上角與右下角
* circ(圓形)-(x,y,r)x,y為圓心座標,r為半徑
* poly(多邊形)-(x1,y1,x2,y2,x3,y3.....)各點座標
* USEMAP:指定對照表


圖片參考:http://gree.domo.tnc.edu.tw/nvu_tut/images/item.gif
範例



圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon2.gif
移除超連結

圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
選取連結點,格式→中斷超連結

圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon2.gif
移除書籤

圖片參考:http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
選取書籤,格式→移除書籤

引用自:
http://www.dk101.com/Discuz/viewthread.php?tid=88980



2009-04-02 17:12:43 補充:
真抱歉!我以為是一樣的@@
2009-04-06 9:47 pm
沒關係啦XD
可能是因為image map比較常看到所以你才誤會了
2009-03-27 6:17 pm
您好~您要轉檔為JPG 或GIF才可以產生對應的html檔喔!
參考: 經驗


收錄日期: 2021-04-21 12:09:11
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20090325000010KK05982

檢視 Wayback Machine 備份