How to Upload Images to WordPress the Right Way (Without Slowing Down Your Site)
TL;DR:
Uploading images to WordPress is easy. Preparing them correctly is what matters.
- Always resize images before uploading
- Match the dimensions to where the image will live
- Keep file sizes under 500KB – 1MB
- Use tools like Adobe Express and TinyPNG
- Never stretch small images
- Avoid uploading large raw files
Do this consistently, and your website will look cleaner, load faster, and perform better.
How to Upload Images to WordPress the Right Way
If you’ve ever uploaded an image to your WordPress site and it looked blurry, pixelated, stretched, or slowed your webpage down, you’re not alone.
Most people think the upload itself is the process (it’s not). The important part happens before you ever drag that file into WordPress.
In our video below, we walk through exactly how to prepare and upload images the right way. This blog follows that same process step by step so you can get it right every time!
Step 1: Understanding Image Dimensions vs. File Size
Before you upload anything, you need to understand two things:
- Dimensions (width and height in pixels)
- File size (how heavy the image is)
Dimensions control how the image fits on your site, while file size controls how fast your site loads.
If your image is too small and you stretch it across a large section, it will look pixelated. If it’s too large, your website will slow down for users’ devices as they try to load the photo.
Uploading raw images from a camera (often 4000px wide and several MB (megabytes) in size, or even GB (gigabytes)) is one of the most common mistakes.
Your goal is simple:
- Large enough to look sharp
- Small enough to load fast
Step 2: Find the Right Image Size Before You Resize
Don’t guess your image size. Instead, figure out where the image is going on your website.
Here’s a simple way to do that:
- Go to your website
- Right-click and save an existing image in that section
- Check its dimensions
That gives you a real target to match.
For most websites:
- Blog images: 1200px wide or less
- Section images: 1200px to 2000px wide
- Anything over 2000px is usually unnecessary
This aligns with what we covered in the video. You rarely need huge images on a website.
Step 3: Resize Your Image Using Adobe Express
Once you know your target size, it’s time to resize.
We recommend using Adobe Express because it’s simple and free.
Here’s the process:
- Go to adobe.com/express/
- Click “Resize”
- Upload your image
- Select “Custom Size”
- Enter your dimensions (example: 1080 x 720)
- Keep the lock icon on to maintain proportions
- Download the resized image
That’s it! You now have an image that actually fits your website before uploading.
Step 4: Compress the Image for Faster Load Speed
Even after resizing, your image might still be too large in file size.
A good rule:
- Aim for under 500KB – 1MB
- Stay under 1MB at most
If your image is still heavy, use a compression tool like:
- TinyPNG (tinypng.com)
- Adobe Express export quality settings
Compression reduces file size without noticeably affecting quality.
Why this matters:
- Faster websites rank better
- Faster websites convert better
- Slower sites lose users quickly
This step alone can make a major difference in your site performance.
Step 5: Upload the Image to WordPress
Now (and only now) you can upload the image to your WordPress media library.
Inside WordPress:
- Go to your dashboard
- Click “Media”
- Open your Media Library
- Drag and drop your image
Then:
- Insert it into your page or post using your website’s builder
- Adjust alignment and spacing as needed
Uploading itself is easy; it’s the preparation that makes the difference in site speed and conversions.
Common Mistakes to Avoid
These are the issues we see all the time when working with client websites:
Uploading Raw Camera Images
Large files slow down your entire site.
Using Images That Are Too Small
Stretching small images results in blurry or pixelated images.
Ignoring Aspect Ratio
This causes cropped faces, cut-off text, or awkward layouts.
Stretching Images to Fit
This distorts the image and makes it look unprofessional.
If something looks off on your site, the problem almost always started before the upload.
Why This Matters for SEO and Conversions
This isn’t just about visuals. Proper image handling directly impacts:
- Page speed
- Core Web Vitals
- Search rankings
- User experience
According to Google’s own PageSpeed guidelines, images are among the biggest factors contributing to slow websites.
And slow websites:
- Rank lower
- Convert worse
- Lose traffic
If you’re investing in SEO or paid ads, poor image handling quietly undermines everything.
How We Handle This at FreshMove Media
At FreshMove Media, we see this issue constantly.
Clients come to us with:
- Slow websites
- Poor image quality
- Inconsistent sizing
Most of the time, it’s not a design issue; it’s an image preparation issue.
When we build websites, we:
- Standardize image sizes across the site
- Compress or convert file types before uploading
- Maintain consistent aspect ratios
- Improve load speed without sacrificing quality
If your site feels slow or looks inconsistent, this is one of the first places we look.
In need of a fast, fresh website? We’ve got you covered.
Reach out to our website design team today to see how we can take your website to the next level.
How do I upload images to WordPress?
Go to your WordPress dashboard, open the Media Library, and drag and drop your image. Then insert it into your page or post. The key is preparing the image before uploading so it displays correctly and doesn’t slow your site down.
What is the best image size for WordPress?
It depends on where the image is used. Most website images should be between 1200px and 2000px wide. Blog images are often around 1200px. Anything larger is usually unnecessary and can impact load speed.
How do I reduce image file size without losing quality?
Use free tools like Adobe Express or TinyPNG to compress your images, or paid editing software like Photoshop. Aim to keep files under 500KB - 1MB when possible. Compression reduces load time while maintaining visual quality, which helps both SEO and user experience.