贊助商連結

這篇文章要討論的是,當WordPress媒體庫透過WP Offload Media Lite這套外掛連結到Amazon S3儲存桶之後,想要對已經上傳到S3儲存桶的圖片重新產生略縮圖,甚至是新增自訂的略縮圖。
平常當然不太會有這樣的需求,通常是在更換佈景主題之後,或者是事後才發現原本的略縮圖尺寸不適合實際需求的情況下,才會有這樣的需求。
文章中會提及的工具或外掛包含:
Amazon S3儲存桶
WP Offload Media Lite(將WordPress媒體庫連結到S3儲存桶的外掛)
Regenerate Thumbnails(重新產生略縮圖的外掛)
reGenerate Thumbnails Advanced(重新產生略縮圖+新增自訂略縮圖的外掛)

如何對S3儲存桶裡面的圖片重新產生略縮圖?

Regenerate-Thumbnails-setting|重新產生略縮圖,regenerate thumbnails

在搭配WP Offload Media Lite連結S3儲存桶的情況下,可以使用Regenerate Thumbnails這個外掛對已經在S3儲存桶裡面的圖片重新產生新的略縮圖。
‧可以在外掛設定頁面中對所有的圖片重新產生略縮圖
‧也可以在媒體庫列表中對單一圖片重新產生略縮圖

圖片中選擇的是在媒體庫列表中對單一圖片重新產生略縮圖,當按下《Regenerate Thumbnails》之後,會進入產生略縮圖的設定頁面,〔綠色勾勾〕代表目前已經擁有的尺寸,〔紅色叉叉〕代表目前缺少的尺寸,這時候可以發現想要重新產生略縮圖的尺寸呈現〔紅色叉叉〕。

❝需要特別注意的是,在按下藍色按鈕《Regenerate Thumbnails》之後,會發現藍色按鈕變成《Done!Click here to go back》。
這時候別忘了確認想要重新產生略縮圖的尺寸是否從〔紅色叉叉〕變成〔綠色勾勾〕,如果已經變成〔綠色勾勾〕,就表示S3儲存桶裡面的那張圖片已經成功產生該尺寸的略縮圖了;反之,如果那個尺寸還是呈現〔紅色叉叉〕,就代表剛剛的操作失敗,再回到媒體庫列表中,重新對那張圖片再操作一次,通常只要反覆操作1~2次,甚至是3次,都可以成功。❞

如何設定Regenerate Thumbnails?

Regenerate Thumbnails-setting

在【Regenerate Thumbnails】的設定頁面中,會有這二個選項:
Skip regenerating existing correctly sized thumbnails (faster).☞這個是不要對已經擁有略縮圖的尺寸重新產生略縮圖。
Delete thumbnail files for old unregistered sizes in order to free up server space.☞這個是刪除沒用的略縮圖。
▬說明▬
這二個選項有勾沒勾其實都不太影響結果,不會因為略過已經擁有的略縮圖,就不產生其他缺少的略縮圖;也不會因為勾選《刪除沒用的略縮圖》,就真的被刪除了,通常還是需要到S3儲存桶裡面手動刪除沒用的略縮圖。
但是我通常會選擇第一項不勾第二項要勾,也就是像圖片中那樣,即便如此,有時候仍然需要重複操作第2遍才能成功對S3儲存桶裡面的圖片產生新的略縮圖。

能否使用reGenerate Thumbnails Advanced對S3儲存桶的圖片產生自訂的略縮圖?

reGenerate Thumbnails Advanced can not do

在搭配WP Offload Media Lite連結S3儲存桶的情況下,沒有辦法對已經在S3儲存桶裡面的圖片產生新的略縮圖!
reGenerate Thumbnails Advanced也是重新產生略縮圖的外掛,而且它與ShortPixel這個好用的圖片壓縮外掛可以相容,除此之外,它還能新增自訂的略縮圖尺寸,這個功能是【Regenerate Thumbnails】所缺乏的。
可惜的是,reGenerate Thumbnails Advanced無法透過WP Offload Media Lite對S3儲存桶裡面的圖片重新產生略縮圖!

如果要透過WP Offload Media Lite連結S3儲存桶的情況下對裡面的圖片重新產生略縮圖,目前我只測試過Regenerate Thumbnails可行,但是Regenerate Thumbnails無法新增自訂的略縮圖。
如果想要使用reGenerate Thumbnails Advanced新增自訂的略縮圖,只能先刪除S3儲存桶的舊圖片,再從媒體庫上傳新圖片,這時候透過WP Offload Media Lite上傳到S3儲存桶的新圖片,就會包含透過reGenerate Thumbnails Advanced新增的自訂略縮圖尺寸囉。

請注意,使用reGenerate Thumbnails Advanced這個外掛的時候,一定要同時啟用ShortPixel,並且一定要停用Regenerate Thumbnails
如果是新上傳的圖片,請記得設定ShortPixel是否要在上傳時同時壓縮新圖片以及是否需要排除壓縮哪些略縮圖。

如何對S3儲存桶裡面的圖片新增多組自訂的略縮圖?

Regenerate-Thumbnails-more|重新產生略縮圖

既然【reGenerate Thumbnails Advanced】這個外掛無法對已經存在S3儲存桶裡面的圖片重新產生新的略縮圖,而【Regenerate Thumbnails】雖然可以對已經存在S3儲存桶的圖片產生新的略縮圖,但是它卻無法新增自訂的略縮圖尺寸,倘若真心想要對S3儲存桶裡面的圖片新增多組自訂的略縮圖,也不是沒有辦法,辦法總是經過各種嘗試逼出來的。

所以我還是把希望放在【Regenerate Thumbnails】身上,但是這次要搭配WordPress的媒體庫預設功能
前往WordPress後台/Setting設定/Media媒體,這裏可以修改三組預設的略縮圖尺寸。
比如說,想要的略縮圖尺寸有5個,分別是﹝90×0﹞、﹝200×0﹞、﹝400×0﹞、﹝600×0﹞、﹝800×0﹞,但是可以自訂的預設略縮圖尺寸只有三組欄位可以填,那就先設定三組,比如說先設定﹝90×0﹞、﹝200×0﹞、﹝400×0﹞,設定好之後使用【Regenerate Thumbnails】重新產生略縮圖。 但是還差二組尺寸還沒有產生略縮圖,那就再回到WordPress後台/Setting設定/Media媒體,任選二組欄位更改成﹝600×0﹞、﹝800×0﹞,再使用【Regenerate Thumbnails】重新產生略縮圖。
如此分二批重新產生略縮圖的方式,就能夠讓這五組略縮圖尺寸都上傳到S3儲存桶裡面囉。
希望大家能夠理解這樣的操作方式…

由於會想要產生自訂的略縮圖,肯定是因為預設的尺寸不夠用,甚至是主題或外掛自動生成的略縮圖尺寸不適合。
在這樣的情況下想要新增自訂的略縮圖,勢必會產生更多的略縮圖數量!
建議搭配Stop Generating Unnecessary Thumbnails這個外掛,將主題與外掛所產生的略縮圖或者是不是用的略縮圖全部停用,只保留自己需要的略縮圖尺寸就好,如此一來,透過【Regenerate Thumbnails】所重新產生的略縮圖就會只有自己需要的那些尺寸。

如何對S3儲存桶裡面的圖片重新產生略縮圖的教學就介紹到這裡了!如果有任何問題,歡迎在下方的留言板討論指教囉~

★延伸閱讀☞如何將主機內的舊圖片透過外掛上傳到S3儲存桶+ShortPixel優化?

好嘛好嘛…臨走前幫我拍拍手嘛
如果你願意免費幫助我,請在下方圓形按鈕幫我拍拍手,最多可以按5下,那就幫我按5下吧!算我求你啦啦啦~~~謝謝你、我愛你❤
臉書或Google帳號都可以快速登入喲…

facebook留言板|文章相關問題歡迎留言討論唷~
IMG_2349-miriammibao-100px

▍關於作者|MiriamMibao温唯

2019.02.11,我開始了這裡…
不懂css、不懂php,當然-也不知道誰是Nginx、誰又是Apache…
硬要WordPress架站,一切自己來,所有的細節,從0開始,自己架站會遇到的問題,遇到了才知道!這一路走來,跌跌撞撞,摸索過國內外能夠解決問題的資料…
是不是該好好紀錄這一段跌跌撞撞的探索日記?或許,也能帶給你們一些幫助...

咖啡贊助計畫

buy me a coffee-icon

我願意《將我所知道的一切,仔細地、真實地分享給你》
你願意《請我喝咖啡》嗎?
你的一杯咖啡,是我最溫暖的支持❤
用實際行動支持我創作更多好作品吧