Skip to main content

Exact-pixel Image Resizer

Resize Image to 400×400 (Avatar)

400×400 is a small square for avatars, speaker lists, and CMS thumbnail fields that reject 1080px files. Compose for a circle crop.

Image Resizer

100% client-side · No uploads · Powered by HTML5 Canvas

Need the main tool? Image Resizer

Written by Safaat Rahman Siham, Founder & Developer at Convertify4u. Contact us.

Small square, high crop risk

Why portals ask for 400×400

Staff directories, LMS profiles, and older WordPress themes often cap avatars at 400×400 to save disk. Uploading 1080×1080 can fail on file size even when the ratio is right. Downscale here after you crop the face.

Circle crops

Slack, Teams, and many HR tools display a circle. Keep eyes in the center. Shoulders and text in the corners will vanish. 400×400 is small — do not rely on tiny type in the image.

Not a social feed post

Instagram will look soft if you upscale 400×400 to 1080×1080. Keep a larger master. This preset is a delivery size, not an archival master.

Email signatures

Some signatures want 400×400; others want 300×300. If Outlook inflates the image, the HTML width is wrong — not this export. Match the pixel spec the template comments mention.

How it works

  1. 1

    Crop the face first

    Square crop around the head, then resize to 400×400 so you are not shrinking a busy full-body shot.

  2. 2

    Export 400×400

    JPG for photos, PNG for logos on transparent ground.

  3. 3

    Preview as a circle

    If the portal uses a round mask, check that ears and hair are inside the circle.

Common use cases for 400×400

HR and LMS avatars

Forms that cap 400×400 and reject larger squares.

Small CMS thumbs

Author bylines and card avatars.

Trust & technology

Exact avatar box

400×400 integers.

Local

Headshots stay on the device.

No watermark

Clean directory photos.

Frequently asked questions

Image Resizer