How to Fix the Image Size For Your Slider in WordPress
Do you want to fix the image size for your WordPress slider? When slides come out stretched, cropped oddly, or in mismatched sizes, the fix is almost always one setting — the slider’s image size. In this tutorial, we’ll share how to fix the image size for your slider in WordPress.
We’ll use Soliloquy for this walkthrough because it lets you set an exact size for every slide, so your slider looks consistent no matter what images you upload.
To fix the image size for your slider in WordPress, you’ll need to follow these 4 steps:
- Step 1. Install and activate Soliloquy
- Step 2. Create an image slider
- Step 3. Set the slider image size in the Config tab
- Step 4. Publish the slider and add it to your site
Ready to get started? Let’s go!
Step 1: Install and Activate Soliloquy
First, you’ll need to install and activate the Soliloquy slider plugin on your WordPress site.
If you’d like a hand with this part, our doc on installing Soliloquy covers it step by step.
Step 2: Create an Image Slider
After activating the plugin, go to Soliloquy » Add New to create a new slider.
Add a title, then drag your images into the Native Slider section. For the full walkthrough, see our guide on how to create an image slider in WordPress.
Step 3: Set the Slider Image Size in the Config Tab
Once your slides are in, open the Config tab and pick a size from the Image Size dropdown. This is the setting that fixes every slide to the same dimensions.
Not sure which size to pick? A good rule of thumb: match the slider to the width of the space it will sit in, and keep all your source images at the same aspect ratio so nothing gets cropped unexpectedly.
Note: Larger images mean slower loading. Resize photos to roughly the display size before uploading — our guide on saving images for the web shows how to keep slides fast and sharp.
Step 4: Publish the Slider and Add It to Your Site
Hit the Publish button on the right side of your screen. A Soliloquy Slider Code widget will appear below the Publish widget.
Copy the shortcode from that widget — this is what places the slider in your content.
Now edit the page or post where you want the slider, and paste the shortcode where it should appear.
Update the page, then take a look at your site. Every slide now displays at the exact size you set. (In the image below, you can see a fixed 300×300 medium-sized image slider.)
FAQs About WordPress Slider Image Size
What is the best image size for a WordPress slider?
There’s no single best size — it depends on where the slider sits. Match the slider dimensions to the width of its container (a full-width hero needs much larger images than a sidebar slider), and use the same aspect ratio for every image so slides stay uniform.
Why are my slider images different sizes?
Your source images have different dimensions or aspect ratios, and the slider is displaying each one as-is. Setting a fixed image size in your slider settings — like Soliloquy’s Image Size option in the Config tab — makes every slide display at the same dimensions.
Do large slider images slow down my site?
They can. Every extra kilobyte adds to page load time, and sliders often load several images at once. Resize images to about the size they’ll display at and compress them before uploading to keep your slider fast.
That’s it! We hope this tutorial helped you fix the image size for your slider in WordPress. If you’d like to keep tuning your slider, check out these beginner-friendly guides:
- How to Setup Default WordPress Slider Settings to Save Time
- How to Fix the Image Desaturation Issue in WordPress with Photoshop
- Is Your WordPress Slider Not Working? Here’s How to Fix It!
- How to Add an Image Slider with Captions in WordPress
Related Posts
Sahil
can we have different image sizes in a single slider? like if one has a squared picture, a portrait and a landscape image in travel photos. is it possible to have all of them in a single slider?
please help
Brenda Barron
Currently no, but you can put in a feature request to be considered for future updates. And feel free to reach out with any more questions you may have. Thanks!
Ready to start creating slides the easy way?
Get Soliloquy NowCookie Consent