Zero uploads · 100% in-browser No sign-up · No watermarks · Free forever

Resize an image to 300 × 300

300 square is the classic web thumbnail and the size many older forums, CMS avatar fields and job boards still ask for. It is small enough to load instantly and large enough to stay sharp on a standard display. Drop a photo in and it comes out at exactly 300 by 300, cropped to fit rather than squashed. Nothing is uploaded.

Runs in your browser Exactly 300×300, every time No stretching by default

Drop an image or click to upload

JPG, PNG or WEBP. Output is always 300 × 300.

Your resized image, 300 by 300 pixels
Dimensions300×300px
File size--
Measured

What 300 by 300 actually weighs in each format

We put the same 600 by 600 portrait through this tool at 300 by 300 and weighed all three outputs. JPG and WEBP at quality 90.

137.5 KBas PNG
15.4 KBas JPG at 90
10.3 KBas WEBP at 90
9xPNG vs JPG

PNG is lossless, which is why it is 9 times heavier than JPG here and 13 times heavier than WEBP. Use PNG only when you need transparency or perfectly crisp text and lines. For a photograph at 300 by 300, WEBP at quality 90 came out at 10.3 KB and is almost always the right answer.

Aspect ratio

300 by 300 is a perfect square

300 by 300 is square, and almost no camera shoots square. A photo from a phone is usually 4:3 or 3:4, and a DSLR is 3:2, so something has to give when it becomes a 300 pixel square. Roughly a quarter of the long edge is removed to make it fit.

That is what the Fit control is for. Crop to fill scales your photo until it covers the whole frame and trims the overflow, so nothing is distorted but something is lost. Fit inside scales until the whole photo is visible and pads the gap with a colour, so nothing is lost but bars appear. Stretch forces the photo into the frame and is the only option that distorts faces.

Crop to fill is the default here because a distorted face is much more obvious than a cropped edge, and because most systems asking for a fixed size expect the frame to be filled. Switch to Fit inside when the whole image genuinely has to stay visible, such as a logo or a diagram.

Where this size is used

What asks for 300 by 300

Common places this exact dimension is specified.

UseWhy this sizeFormat worth using
Forum and CMS avatars300 square is the classic web thumbnail and the size many older forumsPNG for icons, WEBP for photos
Product thumbnails300 square is the classic web thumbnail and the size many older forumsPNG for icons, WEBP for photos
Job board photos300 square is the classic web thumbnail and the size many older forumsPNG for icons, WEBP for photos

If a form tells you to upload a 300 by 300 photo, it usually means it will reject anything larger rather than resize it for you.

Honest limits

What this tool will not do

It will not invent detail

If your original is smaller than 300 by 300, this tool will still produce a 300 by 300 file, but the extra pixels are interpolated rather than real. Enlarging interpolates, it does not add information. If you need a genuinely larger image, start from a larger original or try the image upscaler, which is honest about the same limit.

It will not let you choose what gets cropped

Crop to fill takes the centre of your photo. If the part that matters is off to one side, crop it deliberately first with the image crop tool, then bring the result here.

It will not hit a target file size

This tool fixes the dimensions, not the bytes. To land under a specific limit such as 100 KB, send the result through the image compressor, which searches for the quality that meets your target.

FAQ

Frequently asked questions

How do I resize an image to 300 by 300?

Drop your photo into the box above. The tool is fixed to 300 by 300, so the output is always exactly that, and it downloads as soon as you click. Nothing is uploaded to a server, the resize happens in your browser.

Will resizing to 300 by 300 distort my photo?

Not with the default setting. Crop to fill scales your photo until it covers the 300 by 300 frame and trims whatever hangs over the edge, so proportions are preserved. Only the Stretch option distorts, and it is there because a few systems genuinely want the whole image squeezed in regardless.

What file size should I expect at 300 by 300?

It depends entirely on format. Our 600 by 600 test portrait came out at 137.5 KB as PNG, 15.4 KB as JPG at quality 90, and 10.3 KB as WEBP at quality 90. Detailed photographs will be heavier than flat graphics at the same dimensions.

Which format should I choose for 300 by 300?

WEBP if the destination accepts it, since it was 67% the size of JPG in our test at the same quality. JPG if you need maximum compatibility. PNG only for transparency or crisp text, because at this size it was 9 times heavier than JPG.

What if my image is smaller than the target?

The tool will still output 300 by 300, but it cannot invent detail that was never captured. Upscaling interpolates between existing pixels, which softens edges. Start from the largest original you have.

Is my image uploaded to a server?

No. The file is read by your browser, drawn onto a canvas and encoded there. You can confirm it by opening your network tab while you use the tool, or by disconnecting from the internet and resizing anyway.

Related tools

Other tools you might need

Image Resizer

Any dimensions you like, with aspect ratio lock.

Open tool

Bulk Image Resizer

Resize a whole folder to this size and download a ZIP.

Open tool

Image Crop

Choose exactly which part survives the crop.

Open tool

Image Compressor

Hit an exact file size after resizing.

Open tool

Image Converter

PNG, JPG, WEBP and AVIF in and out.

Open tool

Image Upscaler

Enlarge a small source before resizing it.

Open tool

Profile Pic Cropper

Circular avatars with a true circle preview.

Open tool

Bulk Compressor

Compress many images at once.

Open tool
View all 23 tools
Related guides

Guides that go deeper

View all guides