Images are the lifeblood of any engaging website, but they can also be its biggest bottleneck.
Large files slow down loading times, unoptimized formats eat up bandwidth, and without protection, your hard work can be easily stolen.
In this guide, we’ll walk you through how to use Imagero to automatically resize images, convert them to WebP, add watermarks, and offload everything to Cloudflare R2 storage.
Why Use Imagero?
Before we dive in, here is what Imagero brings to the table:
* Automatic Resizing: Prevent huge images from clogging your server.
* WebP Conversion: Serve next-gen formats for faster speeds.
* Watermarking: Automatically brand your images with text or logos.
* Cloudflare R2 Offload: Save server space by storing images in the cloud.
—
Step 1: Installation
1. Download the Imagero plugin zip file.
2. Log in to your WordPress Dashboard.
3. Navigate to Plugins > Add New.
4. Click Upload Plugin and select the zip file.
5. Click Install Now and then Activate.
Once activated, you will find the settings under Settings > Auto Image Optimizer.
—
Step 2: General Optimization Settings
First, let’s handle the basics: size and format.
1. Go to Settings > Auto Image Optimizer.
2. Click on the General tab.
3. Max Width & Height: Set a maximum dimension (e.g., `1920` px). Any uploaded image larger than this will be automatically resized down, saving significant space.
4. WebP Conversion: Toggle this ON. This converts your JPEGs and PNGs to the highly efficient WebP format, which is smaller and loads faster.
5. Quality: Set the compression quality (0-100). A value of `80` or `85` is usually the sweet spot between quality and file size.
6. Click Save Settings.
—
Step 3: Protecting Your Images with Watermarks
If you are a photographer or artist, this feature is essential.
1. Switch to the Watermark tab.
2. Enable Watermark: Toggle this ON.
3. Watermark Type: Choose between Text or Image.
Text: Enter your brand name (e.g., “© MySite”). You can customize the color using the color picker.
Image: Paste the URL of your logo.
4. Position: Use the visual selector to place the watermark (Top-Left, Top-Right, Bottom-Left, or Bottom-Right).
5. Opacity: Adjust the transparency. `30-50%` is usually good—visible enough to protect, but subtle enough not to ruin the image.
6. Check the Live Preview on the right sidebar to see exactly how it looks!
7. Click Save Settings.
—
Step 4: Offloading to Cloudflare R2 (Optional)
For advanced users wanting to save disk space and use a CDN, Imagero supports Cloudflare R2.
1. Switch to the Cloudflare R2 tab.
2. Enable R2 Offload: Toggle this ON.
3. Fill in your R2 credentials:
R2 Endpoint URL: Your unique Cloudflare R2 API URL.
Access Key ID & Secret Access Key: Generated from your Cloudflare dashboard.
* Bucket Name: The name of the bucket you created in R2.
* Public Domain: The public URL for your bucket (e.g., `https://cdn.mysite.com`).
4. Click Save Settings
Now, every time you upload an image, it will be sent to your R2 bucket and served from there!
With Imagero, you have turned your WordPress media library into a high-performance, secure asset.
Your images are now lighter, faster, branded, and efficiently stored.
Ready to speed up your site? Start using Imagero today!
Leave a Reply