2012-05-28

如何設定網站小圖示與製作方形圖

使用 Blogger 來設定網站小圖示非常方便 ! 也可稱為網址列小圖示。
什麼是網站小圖示 ? 就是出現在網址列前方的小圖示啦 !

這個小傢伙雖然很不起眼,但是當它在你瀏覽器中的 [ 書籤 ] (或 [ 我的最愛 ]) 辨識度就很高囉 ! 剛開始的時候,我根本不知道這個叫 [ 網站小圖示 ] 的工具欄位有什麼作用,設定完之後也沒發現網誌有什麼不同,記得過了兩天吧 ! 才發現網址列前方出現了我上傳的小圖示,這才明白原來是這麼一回事 XD,如果您設定完成後,發現網址列前方並未出現小圖示,請耐心等待 ! 它需要一段時間才會出現。

會出現在網址列前方的小圖示

進入 [ 版面配置 ] > [ 網站小圖示 ] > [ 編輯 ]




出現如下的設定視窗 :


這裡有些限制,圖檔大小不能超過 100k Bytes,還要是方形的圖 (寬、高都要一樣)。您可以透過 [ 小畫家 ] 或是其他繪圖軟體來處理方形圖片,雖然網路上有提供各種免費的圖檔,還是建議您使用自創的圖檔比較有獨特性。按下 [ 瀏覽 ... ] 指定圖檔的位置以便上傳,將來如果不滿意可以在小圖示右側按 [ 移除 ],重新上傳新圖示。最後記得按 [ 儲存 ]。


如何製作方形圖 :

下面我用 [ 小畫家 ] 來示範如何製作方形圖片 :

請於小畫家中開啟一個圖片檔案 :
方式 : 檔案 > 開啟舊檔 > (選取圖檔)

如果圖檔太大您可能需要先縮圖一下 :
方式 : [ 影像 ] > [ 延展 / 扭曲 ] (如下圖)
在 [ 延展 ] 欄位中,於 [ 水平 ] 與 [ 垂直 ] 中設定一個百分比數值,小於 100 就是縮小,大於 100 就是放大,如果您發現已經縮了 50% 還是太大,請重複進行這個步驟,直到圖檔在畫面中出現合理的大小。


假設我們要將這張圖檔中央的花朵擷取成為方形圖片,請先使用工具欄的 [ 選擇 ] 工具把花朵框起來,框出如下圖虛線的範圍。


接著擷取選取範圍 :
方式 : [ 編輯 ] > [ 剪下 ] > [ 編輯 ] > [ 貼上 ]
呈現如下圖,此時被選取的花朵正好貼在左上角,把滑鼠游標移到圖的右下角處一個暗藍色的點 (圖中用藍色圈起來的地方),按住滑鼠左鍵不放移往左上角處,這個動作可以直接將圖的大小縮到我們大略需要的範圍。



大略把圖縮小到我們需要的大小時,接著就要調整成方形圖囉 !
方式 : [ 影像 ] > [ 屬性 ]

如下圖,可發現寬度 : 184   高度 : 182 並不相同 (請按您實際的數值操作),我門將兩者都改成 180。按 [ 確定 ]。接著存檔 : [ 檔案 ] > [ 另存新檔 ] (可存成 jpg 格式 或 png 格式) 若存成 jpg 格式,圖檔大小約 13K Bytes。因為等一下要上傳所以放在您容易開啟的位置,譬如 -- 桌面。


好了 ! 再回到先前的步驟,把方形圖上傳吧 !

沒有留言:

張貼留言

搜尋此網誌