2014年1月11日星期六

網誌圖片最佳大小

不少Blogger(同Blogspot)用戶都不滿意網站所提供的圖片大小﹣﹣不是過小,就是過大!今天,豆丁除了教大家輕輕鬆鬆修改圖片大小,也要告訴大家:圖片大小會影響網站人氣呢!



圖片大小如何影響網站人氣?

除了眾所週知的美觀問題,圖片大小會影響網站的下載速度。大家請回想,過去有否曾經關閉「等了很久還不能正常顯示」的網頁?這只是其中一個問題。

大家如果有看豆丁寫有關提升搜尋結果的文章﹣﹣《提高網誌的搜尋排名:入門班》、《簡單SEO優化教學:使用關鍵詞以增加人氣》,就會知道,我們小小用動其實也可以稍稍改善搜尋結果。網頁的下載速度是其中一個重點。

簡單來說,不只讀者喜愛下載快的網站,連搜尋器也是如此。網站太慢,會導致搜尋排名下降。





最佳圖片大小

1)能夠讓讀者看清楚圖片重點(你想表達的)

2)配合頁面的美觀度(個人喜好都不同)

3)上載圖片的大小=讀者所看的大小(如下圖):即是說上載圖片,你先把圖片大小設定為網誌顯示的圖片大小。
把大小合自己心意的圖片上載到網誌,然後直接使用原圖大小。

當你使用Blogger提供的其他圖片大小,並沒有真正把圖片縮小,電腦還是幫你把原本大大的圖片下載,即是說,圖片會遲一點出現在畫面上。大家看看我的早期文章,如《尼嘩嘩嘩大瀑布,我們一定會再來!》、《每個人心中都有片LEGOLAND》、《零消費@主題樂園之都Orlando》,再看一看最新的文章,就能比較下載速度了。




大批修改圖片大小

最令網主頭痛的不是圖片有多大,而是修改圖片的程序費時。

豆丁用Mac電腦,Preview軟件就能一次過修改很多很多張圖片的大小~ Windows用家可以使用Microsoft Office「已故」軟件Picture Manager(小畫家只能逐張修改),只是豆丁覺得功能還是不夠貼心。

好吧,豆丁在此推介一個網上免費程式(毋需下載):
http://www.picresize.com/batch.php

先按"Add Files"選擇圖片,然後按"Upload"。


網頁會通知你,成功上載圖片。然後,大家就可以在下方設定理想的圖片大小,然後按"Batch Resize!":
設定新圖片大小:我習慣使用圖片邊長不超過500px

即時下載你的新圖片(zip檔),使用前記得解壓!



>> 繼續閱讀《Blospot教學


>> 你可能想閱讀:
   *《201314魔力冊

24 則留言:

  1. 講得啱,要download好耐d blog我唔睇架.

    回覆刪除
  2. 有同感,唔知係自己誤會定真,總覺得用apple products睇會download快過PC好多好多!

    回覆刪除
  3. 好實用既資料,謝謝豆丁~~~

    回覆刪除
  4. 信不信由你,原來好多人係唔識resize啲相架,下下出原相,真係攞命@@

    回覆刪除
    回覆
    1. 因為有D人怕左電腦,又唔敢亂試~~~~

      刪除
  5. 原來放張圖都咁有學問,放左甘耐都冇留意tim,下次試用下呢個好方法,等其他的人睇得舒服d

    回覆刪除
  6. 多謝豆丁又教曉多一招,聽日會試吓,你真係好抵錫!Kissss

    回覆刪除
  7. 豆丁,我得咗喇!I am happy! :D

    回覆刪除
  8. 原來Picture Manager已經壽終正寢?
    我最近買左新電腦, 行最新版的windows, 唔怪得搵唔番呢個program啦!

    回覆刪除
    回覆
    1. 我仲用緊舊版,所以都唔知,但我好奇上網睇新版Office資料,先發現咋!~

      刪除
  9. 我通常用 Photoshop 改圖片尺寸 , 都係可以一次過改哂所有圖片呢~!!

    回覆刪除
    回覆
    1. 圓咕碌好叻呀~^^ 係呀,Photoshop都可以嫁~~

      刪除
  10. 豆丁, 又有野要請教你......

    最近我的weshare blog已經幫我搬好咗, 咁我諗住將blogspot的文章搬去weshare, 但我發覺我喺weshare upload唔到圖片......

    當我click "影像" 時, 我選"上傳"時, 我只係望到"上傳至伺服器", 但我click唔到, 完全冇反應......

    而"影像資訊", "超連結" 及"進階" 我又唔知點用......

    咁我又試下將圖片copy & paste, 但又唔得......

    請問你的weshare blog係點樣upload圖片呢? 謝謝!

    回覆刪除
    回覆
    1. 我平時係直接入Blogspot的編輯文章頁去copy,然後成個paste去WeShare度嫁~好方便^^(如果你係搬家,可以按WeShare提供的搬家服務,就唔駛自己搬咁辛苦~^^)

      刪除
  11. 其實我已經用weshare的搬家服務架啦 (因為之前我用咗blogspot, 後來weshare邀請我去搬的)

    我照你的意思, 直接入Blogspot的編輯文章頁去copy,然後成個paste去WeShare度, 但唔得呀, 無論我right click想揀"貼上", 或者係喺功能表上揀"貼上", 都唔得 (即係"貼上"呢個字係灰色字, 而唔係黑色字)

    但就咁打字就得, 放圖片上去唔得......

    我發覺我真係攪唔掂weshare......

    回覆刪除
    回覆
    1. 咦,我平時冇用right click,直接用 Ctrl+V,你睇下得唔得?同埋,我發覺WeShare個編輯框框要load左一陣先可以paste野嫁,你睇下得唔得?

      刪除
  12. 我終於都知道點解啦!!!

    我而家用IE 11, 之前用blogspot時, 就話唔俾用IE update, 所以焗住裝google chrome, 頭先我忽發奇想, 試下用chrome開weshare, 再喺blogspot搵篇文章copy過去, 結果真係得呀!!!

    即係話blogspot同weshare都要用chrome先可以update呀!!! 真係俾佢玩死呀!!!

    咁你係咪用chrome去update呀?

    回覆刪除
    回覆
    1. 太好了!^^

      我用的是Safari,好似冇呢個問題~

      刪除

Related Posts Plugin for WordPress, Blogger...