如何將大圖像上傳到 WordPress

已發表: 2014-01-14
更新於

上傳大圖像 WordPress
隨著互聯網速度越來越快,帶寬限制被取消,攝影師和其他創意專業人士終於有機會讓他們的圖像以他們所有的高分辨率榮耀出現在網上。

過去,大圖像的加載速度要慢得多,用大量高分辨率圖像填充您的網站根本不切實際。 相反,必須壓縮圖像以減小文件大小(也降低質量)並在畫廊中顯示為微小的縮略圖。

頁面加載時間仍然很重要,但隨著技術的進步,下載一張高分辨率圖像不再需要 5 分鐘。 以嵌入博客文章或全屏畫廊的方式顯示大尺寸圖片是攝影師展示其作品以達到最大效果的好方法。

但是,當您將大圖像上傳到您的網站時,仍然有幾點需要牢記,以便為訪問者提供良好的體驗和快速加載網站,同時保持圖像質量。

圖像優化

在將圖像上傳到 WordPress 之前,您應該優化它們以便在網絡上查看。 Photoshop 和 Lightroom 都有一個“保存為網絡”選項,允許您選擇不同的質量級別,並查看它如何影響圖像的清晰度和下載時間。

如果您使用沒有壓縮工具的其他圖像編輯程序,您可以使用 Image Optimizer 等在線工具來壓縮您的文件,然後再將它們放到您的網站上。

在為 Web 準備圖像時,總是需要在質量和文件大小之間進行權衡,因此需要確定理想的平衡點。 您的照片總是以更高的質量看起來更好,但如果它們需要永遠下載,訪問者可能會厭倦等待並點擊您的網站。

請記住,作為一名攝影師,您將比大多數其他人更清楚質量損失。 大多數人可能甚至不會注意到中等質量和高質量圖像之間的差異,除非圖像的尺寸很大。

JPG 通常是為網絡保存照片的最佳文件格式。 將優化後的圖像保存在圖形程序中後,您可以使用 Smush.it 之類的工具進一步壓縮它,它可以在不影響質量的情況下減小文件大小。

創建縮略圖

如果您希望您的頁面快速加載並為您的用戶提供單獨加載大圖像的選項,那麼上傳縮略圖是實現此目的的最佳方式。 縮略圖提供圖像的小(文件和物理大小)預覽,然後可以單擊以查看更大的照片。

當您通過媒體上傳器上傳圖像時,WordPress 會自動生成縮略圖。 這些縮略圖的尺寸可以在您的 WordPress 設置中更改(通過Settings > Media ),您可以選擇是否應按比例調整大小或裁剪以適合尺寸。

當您將縮略圖插入博客文章或頁面時,您可以通過從附件菜單中選擇“媒體文件”將其鏈接到原始圖像。

WordPress 還包括直接從帖子或頁面構建圖庫的功能。 您只需選擇要包含的圖像,然後單擊“創建新畫廊”。 雖然這對於您博客文章中的基本縮略圖庫來說很好,但您可能希望更多地控制您的主站點庫的外觀和操作。 您可以使用 WordPress 作品集主題、GPP 幻燈片或眾多可用的 WordPress 畫廊插件之一來實現這一點。

在博客文章中嵌入圖像

確保您的圖片在您的博客上以實際大小顯示並且沒有被擠壓以適應這一點很重要,因為這會影響頁面加載時間和圖片清晰度。 實現這一點的最簡單方法是將大尺寸圖像的最大寬度尺寸更改為博客列的寬度。 這樣,如果您上傳的圖片太大而無法容納,WordPress 將自動創建一個大小正好合適的調整大小的版本。

您可以在 WordPress 儀表板的媒體設置頁面上編輯這些維度。 將圖片插入帖子時,請確保選擇“大”,而不是“全尺寸”。

值得注意的是,WordPress 在調整圖像大小時以 60% 的質量保存圖像。 如果此質量對您來說還不夠,請使用 GPP 改進圖像質量插件以 100% 質量自動保存 WordPress 調整大小的圖像。

水印和文件保護

請注意,如果您通過 WordPress 以原始大小上傳文件,任何訪問您網站的人都可以下載這些文件,即使您只在圖庫或博客中嵌入了較小的版本。 除非您想免費贈送數字底片,否則最好在上傳之前調整圖像大小。

在某些情況下,您可能希望使原始文件可用,但僅限於具有權限的用戶(例如,如果您直接從您的站點銷售庫存圖像或具有在線校對功能)。 在這種情況下,像 Sell Media 插件這樣的插件是理想的。 除了保護原始文件外,此插件還會自動從原始文件生成不同大小的文件,並允許以您設定的價格購買它們。

Sell Media 還有一個水印擴展程序,可讓您通過使用您的徽標或您選擇的圖像為它們加水印來保護您的大圖像。

增加文件上傳限制

您的網絡服務器很可能有一個最大文件上傳限制,旨在阻止用戶上傳會降低其網站速度的大文件。 這對大多數用戶來說是實用的,但在某些情況下,上傳限制可能不足以容納最大和最優質的圖像。

如果您進入 WordPress 媒體上傳器,您會看到最大上傳文件大小,可能低至 2MB。 這對於非常大的圖像來說根本不夠大,因此如果您想通過 WordPress 上傳高分辨率照片,則需要對其進行編輯。

此限制是服務器設置,不是由 WordPress 設置的,因此您無法從儀表板更改它。 相反,您將編輯php.ini文件,該文件可以使用 FTP 客戶端在您網站的根目錄中找到。

例如,您想將文件上傳限制增加到 64MB。 在文本編輯器中打開文件,找到以下行並根據需要更改值:

upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

保存文件,將其重新上傳到您的wp-admin目錄,希望這應該可以增加文件上傳限制。

更改文件大小限制的另一種方法是編輯您的 . htaccess文件。 您將在您的 Web 根目錄中找到此文件。 如果看不到它,請確保您的 FTP 客戶端設置為顯示隱藏文件和系統文件。 編輯文件並添加以下代碼:

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

重新上傳文件,您應該一切順利。

如果您使用的是共享主機包,則這些方法都可能不起作用。 如果是這種情況,您需要聯繫您的虛擬主機並要求他們手動增加文件上傳限制。

享受您的大圖像,但請注意加載時間

如果您在 WordPress 中上傳大照片時遇到問題,希望我們提供的提示可以幫助您。 高質量的圖像可以產生很大的影響,特別是當它們全屏顯示或作為大背景圖像顯示時。

請記住,並非每個人都使用高速連接,並且為可能希望查看您的圖像而無需整天等待您的網站加載的人提供較低帶寬的選項始終是一個明智的想法。