Skip to main content
Back to projects

Squarefy

Pads product images to a clean square

My role
Built it: Node.js server with Sharp and a browser UI.
Status
Internal tool · 2024
Source
Source code is private
Stack
  • Node.js
  • Sharp
  • Localhost UI

What it is

A small local tool that pads non-square product images (for example 480×600) to squares (600×600) with a chosen background colour, so catalogue grids look consistent.

The problem

Supplier images arrive in mixed proportions; product grids need a consistent square format, and adjusting each image by hand is slow.

What I built

A Node.js server using Sharp with a small browser UI: drop images, pick a background colour and minimum size, download the results one by one or as a ZIP.

Gallery

Squareify home — drop zone to pad any image to a perfect square, with background-color and minimum-size controls
Squareify home — drop zone to pad any image to a perfect square, with background-color and minimum-size controls 1 / 4

Outcome

  • Consistent square images in batches, without an image editor.

Related services