Product · Creative Tools
Spec Social
See your post before you share it. Drop in an image or video to check how it will be cropped and where buttons or captions might cover it. Your file stays in your browser.
The challenge
Every platform crops differently, and then puts its own buttons, captions and avatars over the result. So a thumbnail that looked right in the export gets its subject cropped out on one platform and covered by a play button on another. The usual answer is a blog post full of dimension tables that went stale two redesigns ago — numbers to check your work against, rather than a look at the actual file.
What I built
- Drag-and-drop preview for images and video
- Fifteen platforms rendered at once, with per-platform filtering
- Real UI safe zones drawn over each crop, not just aspect ratios
- Composition margin guides
- A full reference of current sizes and best practice per platform
- Entirely client-side — no upload, no account, no storage
Highlights
What makes it work
Safe Zones, Not Just Ratios
Knowing a Story is 1080×1920 doesn't tell you that the top 250 pixels sit under the profile row and the bottom 350 under the caption and buttons. The overlays show what actually gets covered, which is the part that ruins a post.
Nothing Is Uploaded
The file is read and rendered in the browser and never sent anywhere. That's a privacy position, but it's also why the tool is instant — there is no server holding anyone's unreleased campaign art.
One Asset, Every Platform, One Screen
The comparison is the product. Seeing the same image cropped fifteen ways at once is what surfaces the problem, and it's what a table of dimensions can never do.
Behind the scenes
How I approached it
Solve It in the Browser
Everything runs client-side, which removed the upload, the storage and the privacy policy in one decision. It also set the constraint that shaped the rest of the build: whatever it does, it has to do it on the user's own machine.
Draw the Furniture
The hard research wasn't the dimensions — those are published. It was where each platform's interface sits on top of the image, which had to be measured against the real apps and kept current as they redesign.
Make It Answer in One Screen
No sign-up, no project, no save step. Drop a file and the answer is already on screen. A utility that asks for an account before it helps you is one people use once.
Keep the Reference Current
The specs carry visible last-updated dates, because a size reference with no date is worse than none — it looks authoritative right up until it's wrong.
Got a project in mind?
Tell me what you’d like to improve. The first call is free, and you’ll know the price before any work starts.