Make Square Images for a Design Portfolio

Short answer

Export portfolio thumbnails at 1080 x 1080 or 1200 x 1200 and keep every tile on the same size and the same background, because a portfolio grid is judged as a set rather than image by image. Fit non-square work into 1:1 deliberately: a solid colour sampled from the artwork suits flat design work, a blurred backdrop suits photography, a resize suits a piece that reads at any scale, and a manual crop suits a wide UI mockup where one region carries the idea. The SquareImage.dev converter at the top of this page offers all four and runs in the browser, so unreleased client work stays on the device.

By SquareImage · Verified 2026-09-02

Portfolio grids, case study thumbnails, and shot previews are square, while the work itself is rarely square. A landscape UI mockup or a tall poster has to be fitted into 1:1 without looking like an accident. The converter at the top of this page does that with a blurred backdrop, a solid color pulled from the artwork, a resize, or a manual crop.

What export size works for portfolio work?

Use	Square size	Note
Portfolio grid thumbnail	1200 × 1200	Sharp on a retina screen at typical grid widths.
Social preview of a shot	1080 × 1080	Matches feed sizing without extra file weight.
Client deck	Custom	Match the slide placeholder so nothing is rescaled twice.
Source archive	Original size	Keep a full-resolution square next to the working file.

A 1:1 thumbnail also keeps portfolio work out of the shape that costs it visibility in image search:

“Avoid using an image with an extreme aspect ratio (such as images that are too narrow or overly wide).”

— Google Search Central, Image SEO best practices

What do I need before I start?

A flattened export of the work: PNG for interfaces and type, JPEG for photographic renders.
A background decision. A brand color usually beats a blur for flat design work.
The margin the grid applies. Thumbnails often add their own padding, so avoid placing type near the edge.

How do I make a portfolio image square?

Load the export. Transparent PNGs are supported; JPEG output fills transparency with the background color.
Choose color and set a shade from the palette of the work, or choose blur for photographic pieces.
Set the export size to 1200px for a grid, or a custom value for a deck.
Choose PNG when the piece contains text, a logo, or hard edges.
Download and check the thumbnail at the size the grid actually renders.

Which method suits which piece?

Square with color: logos, type specimens, and UI screens. A flat field reads as a deliberate frame.
Square with blur: photography, 3D renders, and packaging shots where the colors continue naturally into the border.
Square crop: a detail shot that highlights one component of a larger layout.
Square by resizing: an artboard already exported at 1:1 that needs a specific pixel size.

When will this not look good?

A tall poster or a long scrolling page. Fitting the whole thing into a square shrinks the type until it is unreadable, so crop a detail instead.
Work on a white canvas placed on a light background. The edges disappear and the thumbnail looks empty.
Screens with small labels. A grid renders the tile at a few hundred pixels, and the labels turn to noise.
Animated work. This converter treats an animated file as a single still frame.

How is this different from the other two tools?

Blurred Frame gives independent control of the foreground scale and the background scale, which is what you want when a mockup should sit inside a generous margin rather than fill the frame. Square Crop is the faster route for a case study where several detail crops have to be pulled from the same set of screens.

Frequently asked questions

Can I keep a transparent background?

Yes, if you export PNG. JPEG has no alpha channel, so transparent areas are filled with the chosen background color.

How do I keep a consistent look across a portfolio?

Pick one method and one background color for the whole set, and export every piece at the same pixel size. Mixed treatments are what makes a grid look unfinished.

Does the export change the colors?

The canvas works in sRGB. A file authored in a wider color space can shift slightly, so check a color-critical piece after export.

Is the work uploaded anywhere?

No. Files are processed in the browser, which is worth knowing for unreleased client work.

Sources

Google Search Central — Image SEO best practices

Links checked 2026-09-03.

Make square product photosSquare product photos for marketplaces that reject other ratios.
Square image sizesWhich 1:1 pixel size to export and why 1080 or 1200 is usually enough.
Social media image sizesCurrent image dimensions across the major platforms in one table.
Square CropDrag a 1:1 crop box over the photo and compare several crops.
Blurred FrameSeparate scale controls for the sharp photo and the blurred backdrop.