2005年05月21日
如何在網路上貼圖與人交流分享?
此文僅為網路新手而作, 高手們敬請迴避, 以免浪費時間...
在開始實際貼圖之前, 請容我先跟各位分享下列幾個觀念:
*. 網路相簿(圖片)空間 -- 由於圖片檔案會佔據較大空間, 所以想要在網路上貼圖與人分享, 第一步就是要尋找合適的網路相簿(圖片)空間。
*. URL連結 -- 既然要在網路上與人分享, 就要知道圖片的URL(Uniform Resource Locator), 也就是圖片所在的網路地址... 有了地址, 就不怕人找不到了!!
*. 並非每個網路相簿空間都為單獨的圖片提供URL連結 -- 也許是"盗連"的問題日益嚴重吧, 所以並不是所有放在網路上的圖片都可以經由公開的URL做連結喔... 因此, 如果您像筆者一樣, 並沒有很多生活照片可以集中成冊, 只是偶爾需要貼一兩張圖片跟別人交流交流, 就必須留意網路相簿是否設限... 不過, 免費的網路放圖空間到處都是, 找一個自己用的慣的就是了, 其實也不用煩惱太多啦...
接著, 列出一些常見的網路相簿(圖片)空間連結供各位試用參考:
http://www.imagevenue.com/
http://uploadengine.com/
http://tinypic.com/
http://paintedover.com/
好了, 以上雜七雜八地講了一堆, 希望不會讓人搞的更加混亂才好... :-p , 以下就以如何在樂多網誌的回應區貼圖為例, 實際說明貼圖步驟...
1. 到 http://uploadengine.com/ 上傳圖檔。 (圖檔支援 .gif .jpg .jpeg .png .bmp .swf .psd 等格式 -- 但建議使用前三種格式, 在網頁上顯示比較通用, 且單一檔案大小不可超過1M)

(按下"瀏覽"按鈕, 選取自己電腦中想要上傳與人分享的檔案後, 再按"Upload Now"按鈕")

(圖檔上傳成功後, 您會看到類似以上的畫面)
其中紅框, 藍框及綠框是筆者為了方便以下說明而添加的:
2. 在您的留言或文章中加入已上傳圖檔的相關資訊:
紅框標示的部份為圖檔的URL代碼; 只要您把白框裡圖檔的URL代碼複製起來, 貼在您的文章之中, 別人就可以知道您上傳的圖檔到底放在何處。
藍框標示的部份為圖檔上傳後可以直接在網頁中秀出圖形的HTML標示代碼; 只要您把白框裡的HTML標示代碼複製起來, 貼在您的文章之中, 別人就可以在網頁上直接看到這個圖的長相。
綠框標示的部份為圖檔上傳後的URL點選連結HTML標示代碼; 只要您把白框裡的URL點選連結HTML標示代碼複製起來, 貼在您的文章之中, 別人就可以藉由點選這個URL連結而看到您所上傳的圖檔圖長相。(ex: http://blog.roodo.com/cclian/archives/58742.html#comment-118708 就是使用這種方式 )
如果您上傳的圖片Size很大的話, 建議採用"紅框"或"綠框"裏的代碼, 以免太大的圖片直接顯示在網頁上會破壞了現有網頁整體的美感。
*. 網路相簿(圖片)空間 -- 由於圖片檔案會佔據較大空間, 所以想要在網路上貼圖與人分享, 第一步就是要尋找合適的網路相簿(圖片)空間。
*. URL連結 -- 既然要在網路上與人分享, 就要知道圖片的URL(Uniform Resource Locator), 也就是圖片所在的網路地址... 有了地址, 就不怕人找不到了!!
*. 並非每個網路相簿空間都為單獨的圖片提供URL連結 -- 也許是"盗連"的問題日益嚴重吧, 所以並不是所有放在網路上的圖片都可以經由公開的URL做連結喔... 因此, 如果您像筆者一樣, 並沒有很多生活照片可以集中成冊, 只是偶爾需要貼一兩張圖片跟別人交流交流, 就必須留意網路相簿是否設限... 不過, 免費的網路放圖空間到處都是, 找一個自己用的慣的就是了, 其實也不用煩惱太多啦...
接著, 列出一些常見的網路相簿(圖片)空間連結供各位試用參考:
http://www.imagevenue.com/
http://uploadengine.com/
http://tinypic.com/
http://paintedover.com/
好了, 以上雜七雜八地講了一堆, 希望不會讓人搞的更加混亂才好... :-p , 以下就以如何在樂多網誌的回應區貼圖為例, 實際說明貼圖步驟...
1. 到 http://uploadengine.com/ 上傳圖檔。 (圖檔支援 .gif .jpg .jpeg .png .bmp .swf .psd 等格式 -- 但建議使用前三種格式, 在網頁上顯示比較通用, 且單一檔案大小不可超過1M)

(按下"瀏覽"按鈕, 選取自己電腦中想要上傳與人分享的檔案後, 再按"Upload Now"按鈕")

(圖檔上傳成功後, 您會看到類似以上的畫面)
其中紅框, 藍框及綠框是筆者為了方便以下說明而添加的:
2. 在您的留言或文章中加入已上傳圖檔的相關資訊:
紅框標示的部份為圖檔的URL代碼; 只要您把白框裡圖檔的URL代碼複製起來, 貼在您的文章之中, 別人就可以知道您上傳的圖檔到底放在何處。
藍框標示的部份為圖檔上傳後可以直接在網頁中秀出圖形的HTML標示代碼; 只要您把白框裡的HTML標示代碼複製起來, 貼在您的文章之中, 別人就可以在網頁上直接看到這個圖的長相。
綠框標示的部份為圖檔上傳後的URL點選連結HTML標示代碼; 只要您把白框裡的URL點選連結HTML標示代碼複製起來, 貼在您的文章之中, 別人就可以藉由點選這個URL連結而看到您所上傳的圖檔圖長相。(ex: http://blog.roodo.com/cclian/archives/58742.html#comment-118708 就是使用這種方式 )
如果您上傳的圖片Size很大的話, 建議採用"紅框"或"綠框"裏的代碼, 以免太大的圖片直接顯示在網頁上會破壞了現有網頁整體的美感。
下面改以另一個放圖空間 http://tinypic.com/ 為例:
(成功上傳圖檔後可看到以上類似的畫面)
其中筆者特別反白的部份就是圖檔的URL(下方標示Url框住的也是圖檔的URL, 可是這個URL連結的畫面中會帶有TinyPic的廣告)
如果想在樂多網誌的回應文中加入圖檔的點選連結的話, 請參考下述HTML語法:<a href="http://tinypic.com/5b3ayw" target="_blank">點選文字說明</a> 將上述第一串紅字改成您圖檔的URL, 第二串紅字改成您圖檔的點選說明, 寫於樂多回應文章中, 屆時別人就會看到以下的連結模樣:
點選文字說明
附帶說明的是, 這是因為樂多網誌的回應文中, 不會自動將URL轉換成可點選的連結模式, 才要如此大費周章的... 否則應該是直接打入 http://tinypic.com/5b3ayw 就可以點選了說...
~ 以上說明, 希望有所幫助 ; 若有說明不周或不對之處, 敬請提出指教, 謝謝!! ~
引用URL
http://cgi.blog.roodo.com/trackback/140055
回應文章 
TO cc大
呼~好挫折啊,都無法成功
好!!再接再厲,繼續加油!!!
呼~好挫折啊,都無法成功
好!!再接再厲,繼續加油!!!
Posted by 九燕
at 2005年05月21日 20:45
To 九燕,
是哪一個步驟出問題?
先確定一下圖檔格式(jpg, gif, png)? 及檔案大小(不可超過1M)?
上傳的步驟有成功嗎?
對了... 請叫我cc就好... 自稱"大姊頭"只是玩笑話啦!! XD
是哪一個步驟出問題?
先確定一下圖檔格式(jpg, gif, png)? 及檔案大小(不可超過1M)?
上傳的步驟有成功嗎?
對了... 請叫我cc就好... 自稱"大姊頭"只是玩笑話啦!! XD
Posted by cclian
at 2005年05月21日 21:19
不懂就不要亂介紹,
Flickr不是用來"貼圖"用的!
請去參閱Flickr的使用者條款...
Flickr不是用來"貼圖"用的!
請去參閱Flickr的使用者條款...
Posted by QQpin
at 2005年05月21日 22:55
TO cc大(那麼以後就不加大囉),
哈哈 後來有成功了啦,可能是檔案大小(or 我個人智商)的問題吧,所以無法使用cc推薦的網站,不過還是有成功,只是好像無法在留言上直接點閱,沒關係,有好的開始了!!感謝!!
TO QQpin,
您講話還真是沖啊...不能柔和點嗎...
謝謝你的解說,雖然根本聽不懂,但我會去記得Flickr不是用來"貼圖"的...
哈哈 後來有成功了啦,可能是檔案大小(or 我個人智商)的問題吧,所以無法使用cc推薦的網站,不過還是有成功,只是好像無法在留言上直接點閱,沒關係,有好的開始了!!感謝!!
TO QQpin,
您講話還真是沖啊...不能柔和點嗎...
謝謝你的解說,雖然根本聽不懂,但我會去記得Flickr不是用來"貼圖"的...
Posted by 九燕
at 2005年05月21日 23:08
To QQpin,
真的很抱歉, 在下確實還沒使用過Flickr, 只是聽說過它是一個很方便的網路相簿... 所以才會順便提起一下...
但既然是相簿, 應該就是要放圖分享給別人看的吧? 當然, 它的功能很強, 還可以作slideshow之類的, 做貼圖也許是大材小用了...
而'Flickr.com Terms of Use'裏確實是有一句:
Flickr is intended for personal use and is not a generic image hosting service.
意思是個人用就好, 別拿它來作公用圖檔放置空間吧?
限制還真嚴呢!! 既然如此, 在下待會兒就把Flickr的說明部份刪掉... 謝謝您的指教!!
真的很抱歉, 在下確實還沒使用過Flickr, 只是聽說過它是一個很方便的網路相簿... 所以才會順便提起一下...
但既然是相簿, 應該就是要放圖分享給別人看的吧? 當然, 它的功能很強, 還可以作slideshow之類的, 做貼圖也許是大材小用了...
而'Flickr.com Terms of Use'裏確實是有一句:
Flickr is intended for personal use and is not a generic image hosting service.
意思是個人用就好, 別拿它來作公用圖檔放置空間吧?
限制還真嚴呢!! 既然如此, 在下待會兒就把Flickr的說明部份刪掉... 謝謝您的指教!!
Posted by cclian
at 2005年05月21日 23:13
To 九燕,
恭喜你傳圖成功了!! :-D
畫得真好啊!! 我可以將它收集到網誌上的同人畫作分類中嗎? 拜託拜託!!
另外, 我將你回應裏的圖片URL連結改成可點選另開視窗秀圖了, 希望你別介意我的擅自更動...
看到拙文劇情被畫成圖畫, 真的很感激呢!! 謝謝你喔!!
恭喜你傳圖成功了!! :-D
畫得真好啊!! 我可以將它收集到網誌上的同人畫作分類中嗎? 拜託拜託!!
另外, 我將你回應裏的圖片URL連結改成可點選另開視窗秀圖了, 希望你別介意我的擅自更動...
看到拙文劇情被畫成圖畫, 真的很感激呢!! 謝謝你喔!!
Posted by cclian
at 2005年05月21日 23:26
To cc,
真是辛苦妳了, 做了一整天貼圖教學, 不過, 能看到那麼美的宮大人應該所有的疲勞都消失了吧XDDD, 值得值得... 謎音:又不是妳在做, 妳說什麼值得啊= = , 千:喔, 對吼, 看到美圖太興奮了, 對不起orz
To QQpin,
大大, 我也代替cc感謝您的指教, 不過語氣上是否可以請再放緩些? 不懂不是錯啊! cc, 也很努力的在求進步呢! 再次感謝您賜教...
真是辛苦妳了, 做了一整天貼圖教學, 不過, 能看到那麼美的宮大人應該所有的疲勞都消失了吧XDDD, 值得值得... 謎音:又不是妳在做, 妳說什麼值得啊= = , 千:喔, 對吼, 看到美圖太興奮了, 對不起orz
To QQpin,
大大, 我也代替cc感謝您的指教, 不過語氣上是否可以請再放緩些? 不懂不是錯啊! cc, 也很努力的在求進步呢! 再次感謝您賜教...
Posted by 千姬
at 2005年05月22日 00:03
TO cc,
當然OK,能和大家分享我的心情畫作是我的榮幸呢!!
還有謝謝你幫我改成可以直接點閱的,感激不盡喔~~本來貼圖就不該還要叫別人自己去連結的嘛,可是我還不會,所以真是麻煩你了,在次謝謝!!
那...可以請問一下,你是如何幫我改的嗎?如果我會了,下次就不必在麻煩你了
另外,我才是擅自用你的文章內容來作圖,希望你不要介意喔!!
當然OK,能和大家分享我的心情畫作是我的榮幸呢!!
還有謝謝你幫我改成可以直接點閱的,感激不盡喔~~本來貼圖就不該還要叫別人自己去連結的嘛,可是我還不會,所以真是麻煩你了,在次謝謝!!
那...可以請問一下,你是如何幫我改的嗎?如果我會了,下次就不必在麻煩你了
另外,我才是擅自用你的文章內容來作圖,希望你不要介意喔!!
Posted by 九燕
at 2005年05月22日 01:31
To 九燕,
熬夜又起了大早... 但看到你畫的美圖後, 倦意全消呢!!!! XDDD
你的畫風非常優美, 不管是千歌音或姬子都很細緻, 真的好棒啊! 我好愛她們喔!! :-D
為了能讓你更方便將你那麼棒的作品分享給大家, 我在上面的文章末端又加了一小段貼圖點選說明, 雖然學藝不精... 這附加說明有可能還會被其他高手指出錯誤, 不過, 卻是我在樂多回應文中測試過的實際作法, 就請你先參考看看囉!! ;-)
再次感謝您為拙文繪製插畫... 我恐怕得再次付出我的眼淚以示補償了... :~~
熬夜又起了大早... 但看到你畫的美圖後, 倦意全消呢!!!! XDDD
你的畫風非常優美, 不管是千歌音或姬子都很細緻, 真的好棒啊! 我好愛她們喔!! :-D
為了能讓你更方便將你那麼棒的作品分享給大家, 我在上面的文章末端又加了一小段貼圖點選說明, 雖然學藝不精... 這附加說明有可能還會被其他高手指出錯誤, 不過, 卻是我在樂多回應文中測試過的實際作法, 就請你先參考看看囉!! ;-)
再次感謝您為拙文繪製插畫... 我恐怕得再次付出我的眼淚以示補償了... :~~
Posted by cclian
at 2005年05月22日 09:01
To 九燕
謝謝你的敎導,我會上傳相片了,想了好久,會了好高興...真的很謝謝你
謝謝你的敎導,我會上傳相片了,想了好久,會了好高興...真的很謝謝你
Posted by blackyen
at 2005年09月5日 12:34
Posted by 搜索引擎排名
at 2005年09月12日 11:07
你好
我想請問一下
我看到你首頁有每日英文卡通的連結
我已經申請好了
但是沒辦法像你依樣出現卡通的圖
而是點選進去後才能看到
不知可否告訴我要如何設定
謝謝你
我想請問一下
我看到你首頁有每日英文卡通的連結
我已經申請好了
但是沒辦法像你依樣出現卡通的圖
而是點選進去後才能看到
不知可否告訴我要如何設定
謝謝你
Posted by AMY
at 2005年12月4日 16:20
To AMY
請將以下HTML碼貼至設定欄位中即可:
<div align="center"><a href="http://www.safetycartoons.com/todayT/todayT.gif"
target="_comic">
<img src="http://www.safetycartoons.com/todayT/todayT.gif" border="0"
width="160" ></a>
<a href="http://www.safetycartoons.com/catalog/browse30days/2.html"
target="_comic">
瀏覽前30天的漫畫</a></div>
請將以下HTML碼貼至設定欄位中即可:
<div align="center"><a href="http://www.safetycartoons.com/todayT/todayT.gif"
target="_comic">
<img src="http://www.safetycartoons.com/todayT/todayT.gif" border="0"
width="160" ></a>
<a href="http://www.safetycartoons.com/catalog/browse30days/2.html"
target="_comic">
瀏覽前30天的漫畫</a></div>
Posted by cclian
at 2005年12月6日 11:27
謝謝你幫我的忙
因為我對html的東西很不懂
貼了你給我的html之後
我的圖很大
要如何縮小呢
而且好像有些語法出現
因為除了圖好像有些沒讀進去的語法
真抱歉又要麻煩了
謝謝
因為我對html的東西很不懂
貼了你給我的html之後
我的圖很大
要如何縮小呢
而且好像有些語法出現
因為除了圖好像有些沒讀進去的語法
真抱歉又要麻煩了
謝謝
Posted by amy
at 2005年12月11日 17:02
To AMY,
可能是上述HTML示範碼直接複製後, 連"看不見的換行符號"都被一起複製了, 所以造成語法不正常... 請再進入管理介面:
1. 看看是否有類似"<br>"或"<br/>"的符號混在其中, 若有, 請將其刪除...
2. 示範的HTML碼中(1,2行)應為同一行, (3,4行)應為同一行,(5,6行)應為同一行, 請檢查設定, 將應為同一行者連接起來...
希望這回可以成功... good luck!!
可能是上述HTML示範碼直接複製後, 連"看不見的換行符號"都被一起複製了, 所以造成語法不正常... 請再進入管理介面:
1. 看看是否有類似"<br>"或"<br/>"的符號混在其中, 若有, 請將其刪除...
2. 示範的HTML碼中(1,2行)應為同一行, (3,4行)應為同一行,(5,6行)應為同一行, 請檢查設定, 將應為同一行者連接起來...
希望這回可以成功... good luck!!
Posted by cclian
at 2005年12月11日 22:49
感激感激!!!!!!!!
一切順利了
謝謝你喔
也希望有空可以到我的blog看看
一切順利了
謝謝你喔
也希望有空可以到我的blog看看
Posted by amy
at 2005年12月12日 07:02
[URL=http://www.lipitri.cn/comune-ragusa] comune ragusa [/URL] comune ragusa [URL=http://www.lipitri.cn/samsung-com] samsung com [/URL] samsung com [URL=http://www.lipitri.cn/videos-zlatan-ibrahimovic] videos zlatan ibrahimovic [/URL] videos zlatan ibrahimovic
Posted by Mike
at 2008年05月15日 14:55