Free online website tools
This page gathers the Imagenati tools that help you build and share the pages of a website rather than edit a single picture. There are three: a calculator that turns a responsive layout into image widths and markup, a preview of the link cards that Open Graph and Twitter Card tags could make, and a builder that adds UTM campaign tags to a link for Google Analytics. Like the rest of the site, all three work inside this browser tab and send nothing anywhere.
All website tools
3 tools-
Responsive Image Dimension Calculator
Work out the image widths to export for each breakpoint and pixel ratio, with srcset, sizes and picture markup.
-
Social Sharing and Metadata Preview
Paste a page head to see Facebook, LinkedIn and X style link cards and check its Open Graph and Twitter Card tags.
-
UTM Parameter Builder
Add utm_source, utm_medium and utm_campaign to a link with correct encoding, and read the tags of a link that is already tagged.
Before you start
What these website tools can and cannot settle
The Responsive Image Dimension Calculator works only from the numbers you give it: how wide an image is at each breakpoint and which screen densities should look sharp. It cannot read your stylesheet, so a width typed wrong comes back as export widths that are wrong in the same way.
It also stops at the plan. The files themselves come from the Image Resizer, and on every visit the browser still decides which of them to download, so open the finished page in a narrow and a wide window before you publish it.
The Social Sharing and Metadata Preview reads only the markup you paste. It holds the tags against what the Open Graph protocol, Meta, LinkedIn and X document, yet it cannot know how a platform will really draw the card or which older copy it has saved, so test the published page with each platform's own tool as well.
The UTM Parameter Builder writes campaign tags and checks their values against what Google Analytics documents, but it cannot see your reports, so it cannot tell whether a name matches the ones you used before. Keep a short list of the values you use, and tag only the links that bring visits from outside your site.