December 3,2007

有求必應-圖片縮圖運用

看到M瘋子水瓶座的教教她該如何照片所求~
決定來的有求必應的縮圖與語法運用小教學~
範例用了ACDSEE與PHOTOSHOP兩種不同軟體~
然後再運用HTML語法來作縮圖點圖放大運用~
有興趣的請入內看囉~

看不請楚點圖會放大喔或按右鍵開啟新連結



先將ACDSee這看圖軟體開啟~然後尋找你要的照片與圖片~



點兩下開啟可以瀏覽整張圖片



找到上方下拉式選單" 修改>選擇>調整大小 "



確定後會跳出調整大小的調整視窗~接著看畫面右手邊的選項
往下看找到第三個選項將Resolution字樣下的選項"300"改成"72"
此時圖片便會以百分比縮放成72Pix的圖片(相較比較不會失真)



縮完圖後看到下方的Done按下後就可以結束編輯~



回到原本的ACDSee視窗後就會發先照片已經縮放過~哩~
這時候就可以選擇當案做另存存檔案的動作
(如果不另存案存檔會直接覆蓋原有檔案)



如果沒有做另存或存檔動作只要移動上一張或下一張就會出現這個對話框問你說是否要存檔~

基本上用ACDSee就只有這樣而非常簡單~

===========================================================
接下來是利用PhotoShop來做縮圖的工作~
其實這是我最常利用的軟體啦~通常都是用它來處理所有圖片~
在此挪用了M瘋子水瓶座部落格裡一張我非常喜歡的照片~來作範例~



開啟PhotoShop選檔案>開啟檔案>照片~將照片找進來~



然後選擇上方下拉式工作列 "影像>影像尺寸"



會跳出這個對話框~這樣就可以修改照片的尺寸大小
解析度方面網頁用設成72pix就可以哩~
至於長寬大小方面向這張照片拍好的解析度是180pix
我直接縮成72pix後尺寸就會變成600x480~
不過樂多版面計得超過500寬度會拉撐版面~
因此將大小設成480x360(此皆為百分比縮放)然後確定



而平常用PhotoShop我都會加註一些文字
這樣算是有點宣示這張照片是我的版權所有的效果~
因此可以利用旁邊的工具列T的字樣按下去後再去點你照片任何一處
就可以把文字打進去~寫上妳想要的文字~



在文字的編輯模式下往上找可以看到字型大小的選項來選擇要的大小~
此時記得將你要改變的自選取起來喔~



然後在斜斜T字的左手邊可以選擇顏色只要點一下就會有顏色可以選~
也一樣記得將想變色的字選起來才能變色喔~



然後確定了之後一樣在上方找到"圖層>影像平面化"~
不做平面化的話PhotoShop會將這張圖存成PSD的PhotoShop格式



平面化後我們選擇"檔案>存為網頁用"
這個格式會幫你縮放照片像素適合用於網頁上可以讓檔案變小~



然後看右手邊~基本上我們只需要去選擇品質的高中低就好~
因為是網頁用一般照片用高品質就已經足夠哩~不用用到太高~
(記得勾選下面的漸進式~這樣才不會低品質出現PIX邊)
最後按存檔~然在另存一個檔案名子就可以哩~
===========================================================

基本上本次介紹是以單張或是少量的照片為主要介紹~
如果要依整個批次修改下次再來介紹吧~呵~

===========================================================
點圖縮放HTML語法介紹:



看不懂的話就照我上面說的打出語法也可以~喔~
(點圖可以再開啟另一個圖片視窗做圖文對照)

基本上將下列語法複製過去貼在部落格上就好哩~
因語法法關係完整語法無法顯示
請再語法a&i之前加入<在/a之後加入>符號

a href="在此填入圖片路徑" target="_blank" title="點選觀看原圖">
img src="在此填入圖片路徑" width="縮小寬度px" height="縮小高度px" border=0>
===========================================================
就介紹到此~如有問題請留言提問~囉~盡力解答~

Posted by szetoren at 樂多Roodo! │19:11 │回應(15)引用(0)小司徒..嘿設繪
樂多分類:藝術/設計 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/4576003
回應文章

我是教材ㄟ~~~(會不會太害羞....噗~)

M非常感謝您耐心的教導
剛剛有小試一下下我開心低上上簽
應該有成功吧!噗~

不過~
瞎瞇"點圖縮放HTML語法"對M來說好像還是有點障礙......

不過是不是學會一種就可以勒!

很懶惰ㄉM
Posted by M瘋子水瓶座 at December 4,2007 01:45

我還是喜歡PHOTOSHOP~
Posted by 今方 at December 4,2007 12:17

M瘋子水瓶座~
真是超級好學生喔~
一教馬上就會~
有成就感耶~哈~

哈語法我有補上圖解說明啦~看看囉~
用的道就用~其實一種就夠用哩~^^~

不要害羞啦~那張太有Feel哩~超喜歡~



喵~
我也愛佛陀下普啦~哈~
Posted by 司徒 at December 4,2007 16:37

匠子對我這個老人家,好複雜啊~
還沒看完,差點提早得"老人癡呆"哩~
司徒寫得很仔細,我該換一附老人眼鏡啦~
不然跟不上你們...這怎麼行!
等我換好再來請教你^^
Posted by Teresa at December 6,2007 08:28

Teresa~
愛說笑~妳哪老啦~
會害你得老人癡呆症的話那就是我的問題囉~
下此要活潑一點的~哈~用唱的錄下來好哩~
Posted by 司徒 at December 6,2007 18:52
司徒~~ 請問480x360的單位是什麼?
如果圖片解析度原本就72 那大小該怎麼調呢?
謝謝喔~~~
Posted by 阿棱 at January 19,2008 01:00

阿棱~
480x360的單位是"像素"喔~不是公分也不是公釐~
如果解析度已經是72的話那就直接調整影像尺寸的長寬~
Posted by 司徒 at January 19,2008 02:40
又是我~~~
為什麼照片還是變成小小的一張呢? (抓頭髮~~~)
Posted by 阿棱 at January 19,2008 15:28

阿棱~
喔~那妳一定是直接傳完照片後就從樂多跳出的頁面選擇發表新文章~
基本上這樣選擇它會自己建立一個語法~
那個語法他會把預覽圖縮的很小~
所以我在這篇最後才會教貼圖的語法~^^~
Posted by 司徒 at January 20,2008 01:02
司徒~~~
我通常是在文章用HTML編輯器時 用那個已經上傳的圖片選項... 所以說這個就是圖被縮得小小的原因囉?
所以說
我應該先上傳圖片到樂多(複製圖片路徑)
再用你教的語法來貼圖囉?
Posted by 阿棱 at January 20,2008 14:23

嗯~
我都匯點旁邊重新再開一個新的文章~
然後再開一個上傳圖片的網頁~來選我要的照片~
如果妳的縮圖已經是480x360就直接用這個簡單的語法~

這樣就好了~如果妳要放大擬的照片超過480x360在用上面教的那個語法~
Posted by 司徒 at January 21,2008 00:48

img src="徒片位子" 前後要加上 < 跟 > 符號
Posted by 司徒 at January 21,2008 00:49

Oh Year!!! 成功啦!!
謝謝司徒耐心的講~~~
Posted by 阿棱 at January 21,2008 12:58

阿棱~
哈~不會啦~老人卡老闆不是當假的~(驕傲)
Posted by 司徒 at January 22,2008 00:04
[URL=http://www.vlassio.cn/cristalli-swarovski] cristalli swarovski [/URL] cristalli swarovski [URL=http://www.vlassio.cn/forcella] forcella [/URL] forcella [URL=http://www.vlassio.cn/intimo-femminile] intimo femminile [/URL] intimo femminile
Posted by Argus at May 31,2008 06:02