🖼️ How to Resize an Image for Banners, Thumbnails, and More

Sometimes you upload an image for a banner or post—and it doesn’t look right. Maybe it’s not loading, or it shows up cropped oddly or stretched.
That’s usually caused by one of two issues:

The file type isn’t supported or too large.
The image size or aspect ratio doesn’t match what the platform expects.

Here’s how to fix both using simple Microsoft tools.

Step 1: Choosing your Image

If you have an image you want to use, if you notice are trying to use the image it is the wrong file type, size, or just doesn't look right move on to Step 2.
If you only need part of an image or want to grab something from your screen the Snipping Tool is perfect for quickly creating a new, reshaped image, or even capturing the exact part you need for a banner or icon. Expand below for how to use:

Open the Snipping Tool (search “Snipping Tool” in your Start Menu).

Click New, then drag your mouse to select the part of the screen you want to capture.
Then select Edit with Paint 🎨 button to finish editing, see Step 2.

Step 2: Edit or Resize in Microsoft Paint 🎨

You can open an image in Paint in a few ways:

Snipping Tool → Edit in Paint
Right-click on your image → Open With → Paint
Or open Paint, then File → Open → [select your image]

Once open, you can resize or crop the image to make it fit perfectly.

Before getting started, we recommend adding Gridlines to help you resize or crop your image. This adds a visual aid and are only visible in Paint, they do not save on image.

Note size details in the bottom. This helps you monitor the ratios and size of your image as you make the adjustments you need or desire.

Resizing

Go to Home → Resize
Choose to resize by Percentage or Pixels
Check Maintain aspect ratio to keep proportions balanced (use this for banners, logos, or photos).
Uncheck it only if you intentionally need to stretch or flatten the image (rarely needed).

Tip:
If your banner requires, for example, 1200x400 pixels, type those values directly into the pixel box(es) - as you change one the other will auto adjust.

Cropping

This is great for trimming edges or fine-tuning how your image fits within a specific banner or space with a size requirement.

Select the part of the image you want to start by hovering over the small square until you see the arrows. These squares are found in the middle of the sides and on each corner.
Click and Drag for desired look and size.

Tip:

Monitor the size at the bottom as you make adjustments. And you can always click "Undo" (Ctrl+Z) or Click and Drag back out.

📁 Understanding File Types

Before clicking Save As to save your photo - you'll want to choose the right format, which matters just as much as the size.

Here’s a quick guide:

Use Case	Best Format	Why
Photographs	JPEG (.jpg)	Uses lossy compression to shrink file size while keeping good quality. Ideal for photos or realistic images with gradients.
Graphics, illustrations, transparent images	PNG (.png)	Uses lossless compression, keeping sharp edges and text clear. Perfect for banners, buttons, and screenshots.
Logos, icons, scalable designs	SVG (.svg)	Vector-based format that can be resized infinitely without losing quality. Best for web logos or app icons.

🧩 Quick Tips

✅ Always keep an original copy of your image before resizing.
✅ Match the aspect ratio of your banner space (e.g., wide for website headers, square for profile images).
✅ Use PNG if you need transparent backgrounds (like logos).
✅ Reduce large photos to under 2 MB for faster loading.

Resizing or Editing Images & Sizes