Resize an Image to Square Online
Short answer
SquareImage.dev resizes an image to an exact square in the browser at 512 x 512, 1080 x 1080, 1200 x 1200, 3000 x 3000, the original edge length, or any custom size from 1 to 10,000 pixels. Choose blur or color to keep the complete photo, crop to keep the original proportions while removing the outer area, or resize to force the source itself to 1:1. It exports JPEG, PNG or WebP, needs no account, adds no watermark, and never uploads the image.
By SquareImage · Verified
Turn a portrait or landscape image into an exact 1:1 file without installing an editor. The converter above supports several square methods because “resize to square” can mean preserving the whole photo, cropping it, or deliberately stretching it.
How do I resize an image to a square?
- Choose an image. Upload, drop, or paste a file your browser can decode.
- Choose the square method. Use blur or color to keep the whole source, crop to select a 1:1 region, or direct resize when distortion is acceptable.
- Select the output edge. Pick 512px, 1080px, 1200px, 3000px, Original, or enter a custom value.
- Select a format. Choose JPEG, PNG, or WebP.
- Download. The browser generates a file whose width and height match the selected edge.
Should I crop, fit, or stretch the image?
| Method | What happens | Trade-off |
|---|---|---|
| Blur or color | Fits the complete source inside a square canvas and fills the unused sides. | Nothing is removed or distorted, but the square contains a background. |
| Crop 1:1 | Selects a square region and removes the area outside it. | The square fills edge to edge, but some source content is lost. |
| Direct resize | Forces the complete source to equal width and height. | Nothing is removed, but the original proportions change. |
For most photographs, fit or crop produces a more natural result than direct resizing. Use the no-crop square guide when every edge of the original must remain visible.
How do I resize an image to 512 × 512?
Select 512px from the output menu. The downloaded file will be exactly 512 pixels wide and 512 pixels high, whichever square method you choose. This medium square is useful when a destination asks for a fixed avatar, icon, or thumbnail file rather than a large master.
If the source is smaller than 512 pixels on its longest side, the browser must upscale it. That meets the requested dimensions but can look softer than starting from a larger original.
How do I resize an image to 3000 × 3000?
Select 3000px from the output menu. A 3000 × 3000 file contains nine million pixels, so it uses more browser memory and usually produces a larger download than 1080 × 1080 or 1200 × 1200. Use it when a high-resolution square master is genuinely required.
A 3000-pixel export cannot recover detail from a small source. For the sharpest result, begin with an original whose useful square area is already near that size. On a memory-constrained phone, a smaller preset may export more reliably.
Which format should I use for the resized square?
- JPEG: practical for photographs and usually smaller, but it does not preserve transparency.
- PNG: lossless and suitable for logos, screenshots, sharp graphics, and transparent areas.
- WebP: often smaller for web use and can preserve transparency where the chosen square method allows it.
Does the square resizer upload my image?
No. The browser draws the source onto a square canvas and creates the download on this device. The Canvas documentation describes the drawing operation used for scaling and cropping:
“drawImage() will always use the source element's intrinsic size in CSS pixels when drawing, cropping, and/or scaling.”
The selected file is not sent to the SquareImage.dev server. Closing or refreshing the page clears the current editing session.
Frequently asked questions
How do I resize an image to a square without distortion?
Choose blur or color to fit the complete photo inside a square canvas, or crop a 1:1 area. Both preserve the source proportions. The direct resize mode stretches a rectangle to equal width and height.
Can I resize an image to 512 × 512 pixels?
Yes. Select the 512px output preset, choose blur, color, crop, or direct resize, and download JPEG, PNG, or WebP.
Can I make a 3000 × 3000 image?
Yes. Select the 3000px preset. Start with a large source when possible because enlarging a small photo changes its pixel dimensions but cannot create missing detail.
Does resizing reduce image quality?
Downscaling usually discards detail, while upscaling can look soft. JPEG also uses lossy compression. Begin with the best source available and avoid enlarging it beyond what the destination needs.
Is the image uploaded while it is resized?
No. The selected image is decoded, drawn, and exported locally with browser Canvas APIs. It is not sent to the SquareImage.dev server.