管理WordPress圖片,防止圖片炸彈

WordPress內建了多媒體功能,可以上傳圖片、音頻和視頻等文件,為blogger們提供了方便。但使用圖片上傳功能之前,應該充分了解這個功能的優點和弊端,避免不必要的麻煩

圖片管理設置

如果你的網站需要很多圖片,那么開始blog之前一定要檢查一下儀表盤-設置-多媒體中關于圖片的設置。如果你使用默認設置,那么記住每次上傳圖片時,WordPress會自動為圖片創建三個版本。

當你上傳圖片時,會產生三個額外的版本。例如上傳一張尺寸為1920×1200的圖片,結果如下

管理WordPress圖片,防止圖片炸彈-圖片1

WordPress自動創建了三個副本:縮略圖(Thumbnail)、中等(Medium)、大(Large),外加原始版本:完整尺寸(Full Size)。

如果你需要在不同的地方用到不同尺寸的圖片,這些縮放功能很方便的幫助你裁剪縮放圖片,不用手動編輯。這樣,在需要縮略圖的地方,你只需要下載一張150×150的小圖片,而不是下載原始尺寸的大圖,再用width和height屬性強制它以小圖顯示。

然而,如果你并不需要這么多的尺寸,而且你的服務器存儲空間受限,那么一張圖片帶著三個版本會大量占用存儲空間,等于給自己埋下了圖片炸彈,上傳圖片多了以后可能導致賬戶被封。

所以,聰明的使用WordPress多媒體上傳功能!

如何禁用自動縮放功能

正確使用多媒體上傳功能的原則是:只保留需要用到的尺寸,不需要用的可以設置為0,這是禁用產生某個版本的方法。

例如,不產生任何額外版本的設置管理WordPress圖片,防止圖片炸彈-圖片2

只產生縮略圖(用戶首頁特色圖片)和中等尺寸(用于文章)的設置管理WordPress圖片,防止圖片炸彈-圖片3

如果你很在乎圖片數量,那么聰明的做法是上傳一張和中等尺寸寬度相同的圖片,這樣中等尺寸和原始尺寸一樣,就不會產生中等尺寸的圖片了。當然這需要你手動縮放,不夠方便。該如何使用取決于自身情況,如果服務器資源夠用,就沒有這個必要。

關于自動裁剪設置

WordPress縮略圖下面有個選項叫做“總是裁剪縮略圖到這個尺寸(一般情況下,縮略圖應保持原始比例)”,這個選項設置是否裁剪縮略圖,簡單的對比一下。上傳圖片,尺寸500×313像素(縮略圖設置為寬150高200)。

啟用裁剪縮略圖產生的圖片

產生一張尺寸是150×200的圖片,圖片被裁剪

禁用裁剪縮略圖產生的圖片

尺寸150×93,圖片沒有裁剪,基本上是等比例縮放。

如何刪除多余的圖片

可以通過插件Additional image sizes (zui)刪除沒用的尺寸,當你修改了縮略圖尺寸,只會對以后上傳的圖片生效,原來上傳的尺寸還保留著,你可以通過該插件重新生成新尺寸的縮略圖,或者刪除這些舊尺寸的縮略圖,刪除操作不可逆轉,謹慎使用。

其它解決方法

假如主題有幻燈片功能,注冊了一個幻燈片尺寸,那么不僅你上傳幻燈片圖片會縮放,即使是文章里的配圖也會產生一個幻燈片尺寸的版本,很不友好對吧。有沒有方法可以在需要的時候才縮放呢?

可以借助timthumb.php這類的圖片腳本,這個腳本之前鬧的沸沸揚揚,因為腳本的漏洞導致很多WordPress站點中毒,但bug已經修復,這依舊是一個非常好用的腳本,你可以禁用掉WordPress的所有尺寸的圖片,然后在需要創建縮略圖的地方,調用這個腳本。告訴它你需要將哪張圖片縮放到多寬多長,它會自動產生這個尺寸的圖片,并放到cache文件夾下。這樣雖然節省空間,但這些圖片有時候不能很好的被瀏覽器緩存,而且cache文件夾下沒有用年-月目錄的形式存儲圖片,如果圖片過多,也是件很麻煩的事,據說godaddy主機允許一個目錄下只能存放最多1024M的圖片,如果你所有圖片都丟在一個目錄下,超過這個尺寸就會被封賬戶。

結束語

除了這四個默認的圖片版本,主題或者插件還可能設置其它版本,通過add_image_size()函數設置,這些版本可能用于主題的特色圖像或者幻燈片,這時候你因該根據主題的設置更改后臺選項,因為往往后臺選項是默認的,而主題用不到這些默認尺寸。如果你的存儲空間很受限,上傳圖片時最好先測試一下會產生幾個版本,防止圖片炸彈。


 

再補充一下此文:
對一些主題來說,后臺全部設置為0也會產生縮略圖。因為主題使用了發送裁剪“特色圖像”到指定大小的請求。
比如主題functions.php中:
/* Add Post Thumbail Support & Add Image Size */
add_theme_support( ‘post-thumbnails’ );
set_post_thumbnail_size( 150, 150, true );
add_image_size( ‘custom-small’, 160, 90, true );
add_image_size( ‘custom-medium’, 320, 180, true );
add_image_size( ‘custom-large’, 640, 360, true );
add_image_size( ‘custom-full’, 960, 540, true );
把不需要的注釋掉即可

 
  • 本文由 米粒在線 發表于 2013年4月21日17:44:10
  • 轉載請務必保留本文鏈接:http://m.bjmhhq.com/7156.html
html5

網站速度很慢?使用 WordPress 短時緩存(Transients)來優化數據庫查詢和 HTTP 響應!

每個人都想要一個速度很快的網站,網站速度越快,用戶停留和點擊頁面或購買產品的時間就越長,加快網站速度的方法之一是開啟緩存,而緩存背后的邏輯就是存儲信息,更具體一點說,就是找到一個比連接數據庫更快的存儲...

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
確定

拖動滑塊以完成驗證