前言介紹
- 這款 WordPress 外掛「Better Images – Sharpen, compress, optimize and resize image after upload」是 2020-05-27 上架。
- 目前有 1000 個安裝啟用數。
- 上一次更新是 2024-04-23，距離現在已有 375 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.3 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 15 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
svunz | hemenderki | charliederki |
外掛標籤
image | images | sharpen | compress | sharpening |
內容簡介
厭倦不停地調整、壓縮、轉換、優化和匯出圖像了嗎？Better Images 外掛程式可以自動幫您完成這些困難的工作。只需要將圖像上傳到媒體庫中，外掛程式就會產生一個外觀更佳、大小更小的圖像。並且，它還會調整原始的全分辨率圖像，節省空間。
如果您受益於此外掛程式，請考慮撰寫一篇評論！這對我們來說意義非凡。
聲明：啟用此外掛程序後，您將無法通過其他外掛程序或 WP-CLI 重新生成圖像。重新生成將在即將推出的專業版本中提供。
以下是 Better Images 外掛程式每次上傳圖像時可以為您完成的所有工作：
- 調整和壓縮原始的全分辨率圖像
- 加強圖像的銳度使其更具吸引力和清晰
- 移除 EXIF 數據，但保留色彩空間設置
- 將 PNG 格式轉換為 JPG
- 將 CMYK 轉換為 RGB
- 檢查圖像是否已存在以避免重複出現
- 在文件名中替換特殊字符和非英文字母
- 在 medium_large 大小變體中添加最大高度為 768 像素
還有一個額外的功能：在編輯畫面中顯示所有圖像尺寸。
以下是 Better Images 背後的詳細流程：
- 調整和壓縮原始的全分辨率圖像
版本 5.3 的 WordPress 引入了處理大圖像的功能。實現的解決方案是創建一個新的大小變體，2560 像素，並在文件名中添加“scaled”一詞。這個變體作為網站上的新全尺寸圖像。然而，真正的原始全尺寸圖像並沒有被刪除，而是保存在服務器上，以防需要調整大小或重新生成縮略圖。但是，這個圖像永遠不會被用在網站上，因為由於響應式圖像處理的出現，調整圖像以適應像素完美尺寸已經過時。
Better Images 外掛程式所做的是調整原始全尺寸圖像的尺寸，以最大 2560 像素的尺寸替換預設的縮放變體。在這個過程中，我們還會在文件名中去掉“scaled”一詞。
- 加強圖像的銳度使其更具吸引力和清晰
每次我們調整圖像大小時，它就會變得模糊。應用程序例如 Photoshop、Pixelmator、Affinity Photo 等會通過應用某些程度上的銳化來補償這一點，以使圖像看起來更好。WordPress 沒有做到這一點，這就是為什麼我們最終得到模糊的圖像。
然而 Better Images 外掛程式可以為您解決這個問題。我們已經調整了銳化程度，以避免過度銳化的失真。該外掛程式會應用完美的銳化量，使您的圖像充滿活力，呈現最佳效果。
- 移除 EXIF 數據，但保留色彩空間設置
幾乎所有的用相機拍攝或從庫存照片庫下載的圖像都嵌入了 EXIF 數據。EXIF 數據包括快門速度、曝光補償、光圈速度、測光系統、是否使用閃光燈、ISO 編號、拍攝日期和時間、白平衡、GPS 坐標等等。在大多數情況下，這些數據在網站上沒有使用或需要。因此，我們會刪除 EXIF 數據，從文件大小中脫落高達 30KB。
但是，移除 EXIF 數據也會移除色彩空間設置，這將導致圖像與原始圖像不同。由於我們不希望發生這種情況，因此色彩空間設置始終保持不變。
- 將 PNG 格式轉換為 JPG
PNG（Portable Network Graphics）文件格式是一種流行的圖像格式，因為它可以支援透明背景。但是，透明背景對於包含圖像元素的內容來說並不總是必要的。此外，PNG 文件通常比 JPG 文件更大。因此，Better Images 外掛程式將 PNG 格式轉換為 JPG 格式，以減小文件大小。
原文外掛簡介
Tired of resizing, compressing, converting, optimizing and exporting images over and over again? Better Images is a plugin that automagically does this hard work for you. Just upload your image into the media library and the plugin will produce an image that is both better looking and smaller in size. And it will also resize the original full resolution image to save space.
If you benefit from this plugin please consider writing a review! That would mean a lot to us.
Disclaimer: With this plugin activated you can’t regenerate images via other plugins or WP-CLI. Regeneration will be available in a upcoming Pro-version.
Here’s everything that Better Images will do for you every time you upload an image:
Resizes and compresses the original full resolution image
Sharpens the image to make it more appealing and crisp
Removes EXIF data but keeps color space profile
Converts from PNG to JPG
Converts from CMYK to RGB
Checks if the image already exist to avoid duplicates
Replaces special characters and non english letters in the filename
Adds a max height of 768 pixels to medium_large size variant
And one bonus feature: It displays all image sizes in the editing screen.
And here’s the nitty-gritty of what is actually happening in the background:
Resizes and compresses the original full resolution image
In version 5.3 WordPress introduced handling of big images. The solution that was implemented is to create a new size variant of 2560 pixels with the addition of the word “scaled” in the filename. This variant serves as the new full size image on the website. The real original full size image though is not deleted but kept on the server in case one would want to resize to a different size or regenerate thumbnails. This image is never used on the website however and resizing images to pixel perfect sizes is a thing of the past due to the advent of responsive image handling.
What Better Images does is resizing the original full size image to the maximum size of 2560 pixels replacing the default scaled variant. In the process we also get rid of the word “scaled” in the filename.
Sharpens the image to make it more appealing and crisp
Every time we resize an image it becomes blurry. Apps like Photoshop, Pixelmator, Affinity Photo and the like will compensate this by applying som degree of sharpening to make images look better. WordPress does not do that and that’s why we end up with blurry images.
However Better Images does that for you. We have tweaked the sharpening level to avoid over sharpening artifacts. The plugin applies the perfect amount of sharpening to make your images pop and look at their best.
Removes EXIF data but keeps color space profile
Almost all images taken with a camera or downloaded from a stock photo library has EXIF data embedded in them. EXIF data is information about shutter speed, exposure compensation, aperture speed, what metering system, if a flash was used, ISO number, date and time the image was taken, white balance, GPS coordinates and so on. This data is in the majority of time not used or needed on a website. Therefore we remove the EXIF data and shave off up to 30 kb from the file size.
Removing the EXIF data however also removes the color space profile which will result in an image that looks different form the original. Since we wouldn’t want that we leave the color space profile untouched.
Converts from PNG to JPG
The file format PNG (Portable Network Graphics) is a popular image format because of its non destructive nature. However it is not at all suitable for photographs that will be used on a website due to its heavy size. In contrast a JPG image can be up to 20 times lighter in file size.
Better Images can convert uploaded PNG image to JPG for you. This will not only save you a lot of disk space, but also make your website load much faster.
Converts from CMYK to RGB
Sometimes you will get an image that’s exported to be used in print and therefore it uses the CMYK color mode. WordPress is not that great at handling this so it will create multiple variants of the image in different sizes, each of them weighing in at the same size in mega byte as the original full size image. That’s crazy!
Better Images solves this by converting the image to RGB mode before any resizing or compression occurs.
Checks if the image already exist to avoid duplicates
One of the things that will take unnecessary space from your server is uploading the same image multiple times. Often times we forget that we already uploaded the image once before, so we upload it again. WordPress by default won’t warn you that you are about to upload a duplicate image. Instead it puts a number in the filename and lets the image pass.
With Better Images every time you upload a file it will search the database to see if the image already exist and give you a message to make you aware of that and help you avoid uploading duplicates of the same image.
Replaces special characters and non english letters in the filename
WordPress will allow you to upload images with special characters and non english letters in the filename. Everything will work properly. Until that is you decide to move your website or restore it from a backup. Suddenly all image links with special characters and non english letters will break and you will have to reassign these images in all pages and posts manually.
To protect you from that Better Images will clean up and replace all special characters and non english letters in the filename for you.
Adds a max height of 768 pixels to medium_large size variant.
The 768 pixel size variant, also called medium_large, was added into WordPress back in the days when responsive image handling where just introduced. The idea was to have an image size that covers mobile phones. The size is not visible in the Media settings panel and it’s the only size variant that does not have any hight limit. That means in practice this size can be larger than the 1024 pixel size if the image is very tall. Since those days a lot has happened and we think that medium_large also should have a height limit just as all other size variants, so we added this feature.
Displays all image sizes in the editing screen
By default WordPress will only display and let you choose from four sizes in the editing screen.
– Thumbnail (max 150px square)
– Medium (max 300px width and height)
– Large (max 1024px width and height)
– Full (full/original image)
WordPress however creates four more sizes but does not display them.
– Max 768px width
– Max 1536px width and height
– Max 2048px width and height
– Max 2560px width and height
Better Images will display and let you choose from all these sizes. This is also compatible with many page builders such as Oxygen, Beaver Builder, Divi, Elementor, Brizy and many more.
You are in control
All features are enabled by default and most of them can be disabled when needed. Let say for example you are doing a downloads page with press images and want to have full sized images in CMYK mode. No problem, just turn off the setting for CMYK conversion and full resolution image resizing.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Better Images – Sharpen, compress, optimize and resize image after upload」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.2.6 | 1.2.7 | 1.2.8 | trunk |
延伸相關外掛（你可能也想知道）
ImageMagick Sharpen Resized Images 》厭倦了模糊無生氣的WordPress圖片嗎？這款外掛可以對調整大小的JPG圖片上傳進行銳化處理，並且使用ImageMagick，因此可以保持圖片質量、EXIF信息和色彩設定。...。