Title tag comparator
Compare two versions of a <title> tag side by side to pick the one that will display best in search results: estimated width in pixels, character length and a Google-style preview.
Empty
Empty
How it works
Google doesn't truncate titles at a fixed number of characters, but at a display width in pixels: a title full of "i" and "l" (narrow letters) fits wider than a title full of "M" and "W" (wide letters) for the same number of characters. This tool measures the real width of each title using your browser's Canvas API (measureText), with a font and size close to those Google uses on desktop, so you can compare two wordings more reliably than with a simple character counter.
Why don't the pixel limit and the character limit always give the same result?
A 60-character title made of narrow letters can fit without truncation, while a 50-character title made of wide letters (capitals, "M", "W") may already be cut off. The pixel limit (about 580 px on desktop) is therefore the most reliable indicator; the character limit (about 60) remains a good quick rule of thumb.
Is the pixel measurement exactly the one Google uses?
No, it's an approximation based on a standard font close to the one displayed in search results. Google can change its layout and display font at any time; use this measurement as a comparative indicator between your two titles rather than as a value guaranteed to the pixel.
Your titles and URLs stay in your browser: the measurement is done locally via the Canvas API, with nothing sent to a server.