顯示具有 open source 標籤的文章。 顯示所有文章
顯示具有 open source 標籤的文章。 顯示所有文章

2010/12/31

有趣的 Pig 遊戲

剛剛教學生連上 Scratch 網頁下載、觀摩其他人的作品時,意外的發現一個很有趣的作品。

這個是一個叫做 Pig 的簡單遊戲,我們與電腦輪流擲骰子,以擲出的點數計分,每一點算一分,看哪方先得到 100 分就結束遊戲。

當然,如果祇是單純的輪流擲骰子恐怕不太有趣,所以它有一些規則讓這個遊戲變得緊張刺激。

Pig 遊戲規則

  1. 每個人在一個回合中可以拋擲骰子的次數不限
  2. 每回合拋擲骰子的得分先放在暫存區
  3. 回合結束方式一:按下 Hold,得分保留,換邊
  4. 回合結束方式二:擲出 1 點,暫存區的得分遺失,換邊
  5. 任一方得到 100 分以上,遊戲結束


圖、Pig 遊戲畫面

這個遊戲的樂趣在於,擲出 1 的機率有 1/6,很可能辛辛苦苦的得分都因為吃到一隻豬而 bye bye,所以最好的情況就是擲出非 1 的點數後就馬上 Hold。偏偏按下 Hold 之後就遊戲換邊,沒機會再擲骰子,得分的機會變成對方。

2010/12/03

[Scratch 導演夢] Level 02 測試

題目:請利用左邊這 15 種積木,創作一個Scratch 檔案。

角色:可以有一個以上的角色。

限制:不需要每一個積木都用到,但是同一個積木在一個角色中最多祇能用 3 次。

過關條件:程式內容有趣、流暢。

時間:40分鐘

Technorati : , , , , , , ,

2010/11/21

Firefox, 老花眼的好伙伴

有些網頁一開始就把字型設的很小,造成閱讀時很不方便。家中父母若年紀大了有老花的問題,那就更是吃不消。

昨天研習時,光明國中的吳建章組長就提到他現在因為老花的關係而看不清許多網頁的內容;前一陣子 glglace 也在問說是不是有方法可以調整網頁的字型大小?我想,調整字型大小這應該是許多人的需求,所以就來提一下吧!

『等一下!啊就用 Ctrl-+ 來調整頁面大小就好了啊,還需要調整什麼字型?』嗯,事情沒有那麼簡單,我們就先來做一下實驗吧!

寫個用 8pt 字體呈現的整人網頁

首先,我在 Notepad++ (類似 Windows 記事本的程式) 中寫一個簡單的網頁,內容一共有三段:第一段用一般的字型大小;第二段用 8 點 (pt, points) 的字型大小;第三段用 20 pt。

所謂的 8 pt、20 pt 字型大小,就是你在 Word 中選擇的 8 & 20 字型大小。在 Word 等國外的程式都是用 pt 來計算字型大小。每一英吋有 72 點,所以 8pt 的字體印出來就是 1/9 英吋。

測試字型大小的網頁原始碼
圖、測試字型大小的網頁原始碼

這一個網頁,在 IE 底下看的話,可以清楚看到三個段落字體大小有很顯著的差異,第二段的字體小的像螞蟻一樣,真是找讀者的麻煩。

過小的字體不易閱讀
圖、過小的字體不易閱讀

調整 IE 的字體

遇到這樣的問題你可能會想要把 IE 的字體放大,好,我們就來試看看。從『檢視 ==> 字型 ==> 最大字型』這邊,我們把顯示的字型調到最大。

選擇最大字型觀看網頁
圖、選擇最大字型觀看網頁

ㄟ,結果是祇有第一段的字型變大;第二、三段的字體大小完全沒有變化,中間這個段落還是很不容易閱讀。

調整顯示字型無法改變小字
圖、調整顯示字型無法改變小字

這是因為 IE 的功能祇對那些沒有指定字型大小的段落有作用。第一段沒有指定字體大小,所以修改 IE 的顯示設定後,畫面上的字型就隨之改變;第二段 & 第三段我都事先指定字型大小 (分別為 8 pt & 20 pt),這時 IE 對它們就沒有作用了。

調整 IE 的頁面顯示比例

好,我們還可以調整頁面的顯示比例,利用這一招應該就可以將字型放大了吧?讓我們試著把頁面調整為 200% 的大小試看看。

將畫面放大為 200%
圖、將畫面放大為 200%

嗯,將畫面放大為 200% 之後,第二段的字體可以閱讀了,但是第三段的字又變得過大了。一行才少少幾個字,變得要一直拉網頁才能繼續閱讀。

這樣還是很不方便,弄得我們在閱讀不同網頁時,需要不斷的 Ctrl-+ & Ctrl-- 來調整頁面大小,這樣也很惱人。

放大頁面後,正常字體變得過大
圖、放大頁面後,正常字體變得過大

顯然 IE 沒辦法達到我們的需求,放棄它吧。那麼,相同的網頁在 Firefox 底下又是呈現什麼模樣呢?

Firefox 下設定最小顯示字體

ㄟ,竟然祇有第三段字體不一樣,第一段、第二段的字體是相同大小?這是怎麼一回事?

第一、二段的字體大小相同
圖、第一、二段的字體大小相同

其實在 Firefox 中會這樣子顯示是因為我做了一點設定的關係。

七、八年前我常看大陸的網頁,大陸的網頁設計者不知道在想什麼,都喜歡用 8pt 字來呈現網頁,根本是在找碴!為了舒適的觀看大陸網頁,所以我努力調整 IE,嗯,達不到我想要的結果。既然 IE 無法達到我的需求,我就改用 Firefox 試試。

改用 Firefox 後,Bingo,一下子成功了,不管大陸的網頁設計為 8pt 還是 7pt、6pt,甚至是 1pt,我都能用最舒適的字體大小來觀看。

要設定 Firefox 這樣顯示也很簡單,祇要在 Firefox 中,選擇『工具 ==> 選項』就可以進入字體設定頁面。

選擇『工具 ==> 選項』
圖、選擇『工具 ==> 選項』

進入選項頁面後就可以看到設定字體的選項,但是在這邊還無法達成我們的需求,我們還要選擇『內容 ==> 進階』做進一步設定。

選擇進階設定
圖、選擇進階設定

進入字型的進階設定後,有個『最小字型大小』的功能,這就是我們所要的功能。我自己是設定為 16pt,你可以自己調整。

設定顯示時最小的字體尺寸
圖、設定顯示時最小的字體尺寸

我在這個功能設 16pt 的用意是:如果網頁上有任何小於 16pt 的字體,就以 16pt 顯示;如果超過 16pt,就以網頁的設定為準。

所以觀看剛剛的網頁時,第一段沒有指定字體大小,用 16pt 顯示;第二段是 8pt,小於我們設定的 16pt,因此以我們設定的 16pt 來顯示;第三段 20pt,大於我們的設定值,因此以網頁預定的 20pt 來顯示。

最小的顯示字型為 16pt
圖、最小的顯示字型為 16pt

Firefox 這樣的設計比起 IE 的放大頁面會更容易使用。IE 的放大頁面會讓原本就已經夠大的字體變得太大而不易閱讀,但 Firefox 就沒有這樣子的困擾。顯見在字體大小設計這一點上,Firefox 是比 IE 來的方便許多。

如果你想要試用一下 Firefox,可以從這裡下載我設定好的 Firefox,解開就可以使用了。我設定好的 Firefox 還有其他功能,都值得試一試。

同場加映 Chrome 的設定方式

既然 Firefox 可以設定最小的顯示字體尺寸,那麼比 Firefox 晚出現的 Google 瀏覽器 Chrome 可以有這樣的功能嗎?

Chrome 也有字型設定選項,讓我們設定為 16pt 試看看……結果無效。

Chrome 的字體設定頁面無法達成需求
圖、Chrome 的字體設定頁面無法達成需求

我們在 Chrome 的設定頁中設定所有字型都要 16pt,結果顯示時還是沒有改變,Chrome 讓我們失望了。

Chrome 的顯示沒有改變
圖、Chrome 的顯示沒有改變

其實 Chrome 是可以改變最小的字體尺寸的,祇不過比較麻煩一點,必須要用記事本之類的程式直接修改 Chrome 的設定檔。

首先,請你關掉 Chrome,這樣我們才能編輯它的設定檔。

再來,請用記事本 (或類似的程式) 打開 Preferences 這個設定檔。這個檔案存放在比較深的地方,要找一下。

  1. 如果你用的是 Win7,這個設定檔的存放位置是:
    "C:\Users\使用者帳號\AppData\Local\Google\Chrome \User Data\Default\Preferences"
     
  2. 如果你用的是 WinXP,那麼這個設定檔放在:
    "C:\Documents and Settings\使用者帳號\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences"
     
  3. 而我用的是可攜版 ChromePlus,設定檔放在:
    "ChromePlus\ChromePlusUserData\Default\Preferences"

找到檔案後以記事本開啟,找到 webkit 這一個段落,在其中加入:

"minimum_font_size": 16,

注意,引號 & 最後的逗號都不能省略喔。加好這一串文字後存檔。

手動加入 Chrome 的字體大小
圖、手動加入 Chrome 的字體大小

設定好後,再開啟 Chrome 觀看剛剛的整人網頁,第二段就以 16pt 字體大小來呈現了。

Chrome 也可以無視整人網頁
圖、Chrome 也可以無視整人網頁

利用設定最小顯示字體的功能,我們可以讓 Firefox & Chrome 無視網頁設計者的整人設計,直接以對我們而言最舒適的字體大小呈現網頁,這是非常人性化的一項設計。

如果家中有年紀大的人要上網,可以考慮改用這兩款瀏覽器。考慮設定的難易程度,可能 Firefox 對於年紀大的使用者會更便利,祇要在程式中點一點、選一選就可以設定好字體大小,哪天老花程度加重還可以很容易的改變設定值,這樣長輩也可以自己改設定了。

參考資料:

  1. glglace 老師:瀏覽器-設定最小字型
  2. 感謝新竹瘋浪客 & bstc 網友幫忙找尋 Chrome 設定字型的方式
  3. 下載設定好的 Firefox
  4. 8pt 的整人網頁

Technorati : , , , , ,

2010/11/20

[Scratch]外章:顯微鏡使用口訣

上次提到顯微鏡的使用口訣。大學同學跟我說她在國中時就聽老師講過,所以這是流傳已久的口訣啊!

昨天上 Scratch 課時,要教學生從別的程式畫圖,再匯入 Scratch 中使用。嗯,我實在是不會用軟體畫圖,實在是沒辦法畫個人物出來。想來想去,ㄟ,顯微鏡我會畫!都是直線線條,沒什麼困難的。

所以就在課堂上用五分鐘的時間畫一個顯微鏡給學生看,然後教他們怎樣把圖片存檔、匯入 Scratch 中。好啦,匯進來之後要做什麼呢?就順道講解一下顯微鏡的使用吧!所以又順便做了一下動畫。

2010/11/09

辦公室內分享檔案:HFS

之前提到 Everything 這一套快速找尋檔案的程式時,有提到利用 Everything 分享檔案的進階用法。

同一個辦公室中利用 Everything 來分享檔案,好處是方便,可以搜索檔案後馬上下載,但因為就是太方便了,一旦被誤用時殺傷力也是很強的,為了自己的安全起見,這東西還是收起來比較好。

那麼要在辦公室內分享檔案,有沒有比較方便的工具呢?有的,那就是 HFS 這一套程式。

不是脫褲子放屁

你可能會想:『在同一個辦公室分享檔案?用隨身碟就好啦!要不然用 Email 也可以啊!幹嘛還用什麼 HFS 呢?真是多此一舉。』

沒錯,大家都在同一個辦公室了,竟然還要用一套程式來分享檔案,確實有點奇怪,不過你可以想一下,用隨身碟分享檔案,很容易就把病毒也一起分享了。

可以的話,我完全不想把我的隨身碟交給他人,也不想使用別人的隨身碟。

利用 Email 分享檔案,聽起來不錯,不過 Email 的夾檔大小有限制,以 Gmail 來說是 25mb,超過 25mb 的檔案就不適合用 Email 來分享了。有時候一個 Word 檔案裡面貼多一點相片,你就沒辦法用 Email 將這個檔案寄給同事、朋友了。

所以,辦公室內分享檔案雖然不難,但是現有的方案都不太理想,因此找尋其他的替代方式還是滿有需要的,而 HFS 這套程式就能滿足我們的需求。

HFS (Http File Server) 資訊

HFS 官方網站:http://www.rejetto.com/hfs/
下載點一:自官方網站下載
下載點二:下載包含 HFS 的 PStart 軟體包

發送端用 HFS,接收端用瀏覽器

利用 HFS 分享檔案時,接受檔案的一方祇要用瀏覽器 (如 IE、Firefox) 就可以下載檔案,祇要能上網就能接受檔案,完全不需要其他特別的程式,所有的工作就是要分享檔案的一方執行 HFS 分享檔案,等著接受檔案的一方來下載檔案即可。
圖、分享與接收端需執行的程式

雖說祇要分別執行 HFS & 瀏覽器即可分享、下載檔案,但有一個問題:『要到哪邊去下載檔案啊?』

『嘿,我家的貓超可愛的,你也很愛貓,要不要哪天到我家玩貓啊?!隨時歡迎過來坐坐喔!』

『好啊,不過你家在哪邊?給我住址吧!要不然我要怎麼去你家呢?』

『喔,對喔,忘了跟你說我家在哪邊了,我家的地址是 XX 路 YY 號。』

『好,下次我就去你家看看你家的貓!』

平常我們要去某個地方需要有該處的地址,接收端要連線至分享端的電腦下載資料也要知道分享者的電腦地址。

IP 位址就是電腦的地址,每一台電腦都有獨一無二的 IP 位址,要將檔案分享給他人,也需要把自己的 IP 提供出來,這樣人家才有辦法循址拜訪。否則網海茫茫,一點線索也沒有的話,怎麼知道要到哪裡下載檔案呢?


圖、分享檔案者需提供 IP 資訊

『聽起來好像很難?又要分享檔案又要什麼 IP 網址的,太難了吧?我不會啊!!』

執行 HFS

其實並不會,一點都不難,不但不難,還很簡單!祇要一分鐘你就會用了。好,那我們就來吧!首先我們要把 HFS 執行起來。


圖、HFS 程式外觀

HFS 一執行後,同時間你可能會看到 Windows 防火牆跳出一個畫面,問你是否要解除 HFS 的封鎖?因為我們要讓 HFS 能夠連上網路分享檔案,所以就點選『解除封鎖』吧。如此一來,防火牆就會對 HFS 網開一面,讓它可以連上網路。


圖、解除 HFS 的封鎖

解除了 Windows 對於 HFS 的封鎖後,讓我們回到 HFS 本身。其實在 HFS 的畫面上就已經提供了 IP 位址的訊息。真的嗎?在哪裡呢?畫面上方的網址列就是我們這台要分享檔案給別人的電腦的 IP 位址。


圖、分享資料的電腦 IP

讓我們把剛剛的圖片放大一些,再仔細看一下這個 IP,把這個 IP 位址記下來,我們到時候要把這個 IP 位址的資訊提供給別人,以便他們連上來我們的電腦下載檔案。


圖、HFS 上的 IP 位址資訊

好,執行 HFS、知道 IP 位址,再來就要選擇要把哪些檔案分享給別人了。要選擇分享的檔案也很容易,就是從『我的電腦』去找到我們要分享的檔案,然後滑鼠左鍵直接拖拉到 HFS 的視窗上,放開滑鼠左鍵就完成了。


圖、要分享的檔案拖拉至 HFS 視窗

放開滑鼠後,會看到 HFS 上出現了我們要分享的檔案、資料夾。


圖、檔案分享的設定完成

分享的資料中如果有資料夾的話,HFS 會問我們要用哪一種方式來分享資料夾,基本上選擇任何一個選項都可以。


圖、資料夾的分享方式

到這邊,資料分享者的工作全部結束,辦公室內的其他同事、朋友已經可以連接到分享者的電腦中下載檔案。

下載檔案

『ㄟ,怎麼下載呢?』

還記得嗎?要下載檔案的話要先知道 IP 位址,然後用瀏覽器就可以下載。所以要接收檔案的人可以打開瀏覽器,輸入分享者的電腦 IP,然後就可以看到分享出來的檔案。


圖、利用瀏覽器連上分享電腦

找到要下載的檔案後,按滑鼠右鍵選擇另存新檔,就可以把檔案下載回來。


圖、按右鍵另存新檔

把所有檔案一次打包回家

在下載檔案的時候你會發現我們祇能一次下載一個檔案,如果檔案很多的話,要一個個下載也很煩。光是想到一個個檔案去按右鍵另存新檔,再選擇檔案貯存的地方就累了。

幸虧新版的 HFS 有提供一次打包下載的功能可以解決這個困擾,祇要點選畫面右下方的『Fold archive』,就可以把所有檔案打包成一個壓縮檔下載回來。


圖、把所有檔案壓縮起來

按下『Fold archive』按鈕後,會跳出一個畫面問我們要把檔案存在哪裡,就把它存到自己找得到的地方吧!


圖、把打包好的檔案貯存起來

存下來的這個檔案是 .tar 檔案,這在 Unix 系統中非常常見的檔案,但是在 Windows 下比較少人知道它。

目前 Windows 下常見的解壓縮程式有 7-Zip & WinRAR 可以解壓縮 .tar,以 7-zip 來說,祇要選擇這個 .tar 檔案,然後選擇要解壓縮到哪裡去就好了。


圖、利用 7-Zip 解壓 .tar 檔案

利用 HFS 分享檔案在設定上非常簡單,他人要下載也很容易,而且因為所有分享的檔案都是自己加入的,所以比較不需要擔心中毒的問題。另一方面,HFS 的功能不像 Everything 那麼強大,所以誤用時殺傷力比較輕,可以放心使用。

遇到:

  1. 要分享檔案給別人但是擔心中了隨身碟病毒
  2. 要給朋友的檔案大於 25mb,不易用 Email 傳檔
  3. 要換一台電腦編輯檔案
  4. 把檔案拿到有印表機的電腦上列印

等狀況時,就利用 HFS 來傳檔案吧,好用又安全唷!

Technorati : , , , , ,

2010/11/07

[進階資訊檢測]以 PhotoFiltre 修飾圖片

很早之前我就想要介紹 PhotoFiltre 這一套繪圖軟體的,不過一直拖著拖著,拖了好幾年一直還沒有介紹它。

剛好進階資訊能力檢測中有一些實作題要應考者抓取螢幕另存成圖,並在圖片上加文字。針對這樣的題目,也許有人會想要用 PhotoImpact 來做,不過說實話,祇是簡單的需求,動用 PhotoImpact 這樣的大傢伙實在是太誇張了。

以考試的需求來說,用 PhotoFiltre 就很夠了,而且因為 PhotoFiltre 小巧、快速,搞不好 PhotoImpact 還沒開起來,我已經用 PhotoFiltre 做完了!:p

PhotoFiltre 資訊

PhotoFiltre 網頁下載:http://photofiltre.free.fr/download_en.htm
下載點二:下載包含 PhotoFiltre 的 PStart 軟體包

下載後執行的畫面如下,因為我們還沒有開啟檔案,也沒有編輯圖片,所以一切還是空蕩蕩的。


圖、PhotoFiltre 畫面

抓取螢幕畫面

接下來,我們來抓取螢幕上執行的畫面。這個很容易,祇要按一下鍵盤上面的 Print Sceen 鍵 (鍵盤上可能寫為 Prt Scr),就可以把現在的螢幕畫面存到剪貼簿去。


圖、按下 Print Screen 鍵將螢幕畫面複製至剪貼簿

回到 PhotoFiltre 後,按滑鼠右鍵選擇『貼上成為新的影像』這個功能,把剪貼簿中的資料貼到 PhotoFiltre 之中。


圖、將影像貼入 PhotoFiltre

經由『貼上成為新的影像』這個步驟,剛剛按 Print Screen 鍵複製到剪貼簿的螢幕畫面就貼入 PhotoFiltre 中成為新的圖片,可以供我們編輯了。


圖、將剪貼簿的資料轉成圖片

裁掉多餘的畫面

剛貼上的螢幕抓圖有太多我們不需要的部份,如果能將那些部份裁掉的話,可以讓畫面變得比較簡潔,免得其他不相干的內容影響。

要裁掉多餘的畫面,我們得先將我們想要的範圍圈選起來,再將不要的部份刪除。挑選『選擇工具』後,直接用滑鼠在圖片上選擇一塊區域,就可以把我們想要的部份圈選起來了。


圖、利用圈選工具選擇想要的範圍

如果選擇的範圍不對,可以將滑鼠移至圈選的虛線上,就可以調整圈選的範圍。利用這功能可以將選擇的範圍調整到最適當的大小,不會留下一堆礙眼的傢伙。


圖、調整圈選範圍

如果覺得選錯範圍想要整個取消掉,可以從『選取範圍 ==> 隱藏選取範圍』取消圈選的部份。


圖、取消圈選範圍

假設我們沒有選錯範圍,已經確定要將選取區以外的部份刪除了,那麼就在選取區內按滑鼠右鍵吧!按了滑鼠右鍵會出現一個功能表,選擇『裁切』功能,就能將選取區以外的部份完全抹除。


圖、選擇『裁切』功能

選擇裁切後,整個畫面祇留下我們選擇的部份,其他部份就消失在虛空中了。所以嚴格說起來,在 PhotoFiltre 要裁切圖片祇要兩個步驟:圈選、裁切,非常便利。如果你還在用小畫家修改、裁切圖片,就趕緊跳槽吧!


圖、裁切後祇保留住圈選的部份

強調重點:加框、加文字

平常使用解說圖片時,都會在圖片上加框 & 解說文字。在 PhotoFiltre 中不論是要加框或是要在圖片上加文字都是很容易的事。我們一個個來。

首先,我們先在圖片上加上強調內容用的方框。要加上方框,首先也是先用滑鼠選擇要加框的部份。選擇好要加框的區域後,在選擇區域內按右鍵。到這邊都與前面『裁切圖片』的步驟一樣,但是接下來我們要選擇『畫筆與填滿』。


圖、利用畫筆與填滿功能在圖片上加框

選擇了畫筆與填滿功能後,會跳出一個小視窗,在這邊我們可以設定方框的顏色 & 線條粗細。我們先將顏色設定為紅色,線條設定為 10 ,設好後就按確定。填滿的功能不要勾選,否則會出現一個實心的方塊,那不是我們要的結果。


圖、選擇方框的顏色 & 粗細

按下確定後,就可以看到圖片上多了一個紅色的方框。接下來我們要為這個紅色方框加上說明文字,選擇工具列上的文字工具就可以加入說明文字了。


圖、選擇文字工具

按了文字工具按鈕後,會跳出文字視窗。在這邊可以選擇字型、字體大小,以及輸入說明文字。文字輸入完成後,按下確定即可。


圖、設定字型、大小 & 說明文字

在文字視窗中將說明文字設定完成後,按下確定就可以在圖片上加上說明文字了。你可以用滑鼠將這個說明文字移動到適當的地方。


圖、圖片正確加上說明文字

你也許會認為這加上去的說明文字不太好看,那就再重新設定一次字型即可。之前在講 Word 文字格式設定時,提到楷體其實閱讀不易,在這邊你應該可以發現用楷體真的不怎麼好看。

我的圖片說明文字的外面還有一圈白色線條,那要怎麼做到呢?嗯,你『祇要』先放一個字體比較大的白色說明文字,然後再重新放一個比較小、顏色不同的說明文字,然後將兩者疊在一起就可以了。是滿耗工的,不過我部落格的圖片就是這樣一張張弄出來的。

不過在今年七月我發現 PhotoScape 加說明文字簡單的多,不過那是另一個故事了 (對了,今年七月我也發現 Xmind 可以匯至 Word,真是排課排到瘋了,整天不想工作就在亂玩……XD )。

調整色階與尺寸大小

進階資訊檢測中有一題要求考生將圖片灰階化。這對於 PhotoFiltre 真是輕而易舉,祇要按一下工具列上的灰階工具,整張圖片轉變成為灰階呈現。


圖、使用工具列上的灰階按鈕

按下灰階按鈕後,你看,就變成灰階圖片了。你也許以為這就是黑白相片,但灰階圖片與黑白相片是不太相同的,黑白相片的黑白對比會比較強烈,而灰階應該祇是把色彩飽和度降為 0 而已,沒有改變對比。

將圖片改為灰階後所呈現出來的樣子就是狗、貓所看到的世界樣貌。狗 & 貓是全色盲,所以牠們的世界祇有黑與白,沒有其他色彩。


圖、圖片成為灰階圖片

在灰階按鈕的左邊有許多調整色彩的功能按鈕,你可以自己試試那些功能。雖然不在考試範圍,但試一下滿好玩的。反正怎麼玩電腦都不會爆炸的,不用擔心。

在 PhotoFiltre 之中除了可以裁切圖片、調整色調外,我們還可以很容易的調整圖片大小。祇要選擇『影像 ==> 影像尺寸』就可以進入調整圖片大小的功能。


圖、調整圖片尺寸

在調整圖片尺寸的視窗中,你可以決定調整後的圖片要不要保留原始圖片的長寬比例。如果你決定保留長寬比例,那麼祇要寬度的數值改變了,高度的數值就會自動改變,反之亦然。如果你不想保留原始比例,那麼就要自己輸入寬度 & 長度兩種資料了。

前面的圖片大小是 1045*760,我要把它改為寬度 400。當輸入 400 後,因為我勾選保留原始比例,所以 PhotoFiltre 就自動幫我算出來在寬度 400 的情況下高度應該是 291。


圖、設定圖片大小

按下確定後,原本 1045*760 大小的圖片就變成 400*291 了,嗯,還真是好小一張啊!


圖、圖片尺寸縮小

儲存檔案

做了那麼多的修改後,我們得記得將檔案儲存起來,要不然前面的修改都做白工了,選擇『檔案 ==> 另存新檔』來儲存檔案吧。


圖、儲存檔案

存檔時記得選擇存檔類型,否則內定值是存為 BMP 檔。BMP 檔案沒有經過壓縮,所以檔案會比其他格式的圖片大上許多。如果圖片沒有要沖洗成相片、印成書面資料,那麼可以選擇用 JPEG 來貯存。

JPEG 檔案格式會破壞圖片內容,但是祇要破壞的程度不要太嚴重,我們人眼是分辨不出來的。但是破壞圖片內容讓 JPEG 檔案變得很小,有時檔案大小才 BMP 檔的 1/20 大小,所以這是犧牲一些我們人眼無法分辨的細節來換取小圖片的方法。

如果你不希望破壞圖片,又希望圖片比 BMP 小一些,那就選擇 PNG 檔吧。當然,檔案大小不能與 JPEG 相比了。


圖、選擇 JPEG 格式存檔

選擇 JPEG 格式存檔後,PhotoFiltre 會問我們要將圖片破壞至何種程度。我習慣是將破壞程度設在 5% 就好,讓圖片品質保持在 95% 以上。即使設定破壞 5%,整個圖片大小就已經變小很多了,所以不要太貪心。設破壞 20% (品質 80%) 的話,肉眼就可以分辨。至於破壞程度更高的,你可以自己試看看!:)

存完檔後記得將檔案關閉再重開,你才會看到圖片被破壞後的模樣喔!


圖、設定以 95% 品質存檔

如果以刀子來做比喻的話,PhotoImpact 可能是關公的青龍偃月刀吧,戰力強,可殺敵無數,不過扛起來重的很。平常一些切切小菜的工作不用動用青龍偃月刀,祇需瑞士小刀一把即可。PhotoFiltre 小巧、快速,功能不像 PhotoImpact 那麼豐富,但是平常使用也足夠了。如果你平常都祇用 PhotoImpact,那麼不妨看一下 PhotoFiltre 這個小工具,它的快速會讓你很滿意的!:)

Technorati : , , , , , , , , ,