Google does not cut titles by characters — it cuts them by pixels. Two titles of 55 characters can have very different widths: one full of narrow letters like “i” and “l” sails through, while one packed with capitals and wide letters like “W” and “M” gets clipped. This title tag pixel width checker measures your title’s true rendered width with canvas text metrics, shows it against the ~600px desktop and ~920px mobile limits, and renders a live Google-style preview so you can see the ellipsis before your visitors do.
It updates as you type, and everything happens in your browser. Prefer Spanish? Usa la versión en español: Verificador de Títulos SEO en Píxeles.
Why pixels, not characters, decide if your title survives
The “keep titles under 60 characters” rule is a rough proxy that fails in both directions. Arial and the other sans fonts Google uses are proportional: an “i” costs about 5 pixels at title size, a “W” about 19. A 48-character title in shouty capitals can exceed the desktop container while a 68-character title in lowercase fits untouched. The container itself is fixed in pixels — around 600px on desktop — so the only honest check is measuring the actual glyphs. This tool does exactly that with the canvas measureText API, the same text engine your browser uses to draw the page, set to Arial 20px, the accepted approximation of Google’s title rendering.
Mobile is a different shape, not just a smaller one. On phones, titles can wrap onto a second line, which roughly doubles the room — hence the commonly used ~920px working limit. That is why a title clipped on desktop often displays in full on mobile, and why this checker reports both: a red desktop bar with a green mobile bar is not an error, it is a decision about which audience you are writing for. Most sites earn the majority of clicks from one device class; check your own analytics and optimise for that one first.
What to do when your title is too wide
Do not just delete words from the end — Google cuts there anyway, and the end is where brand names and differentiators often sit. First, hunt for width savings that cost no meaning: swap “and” for “&”, drop filler adjectives, replace “Ultimate Guide to Understanding” with “Guide:”, and move the brand to a shorter separator pattern (“| IlmHunt” is narrower than “— IlmHunt Official Site”). Second, front-load: put the keyword phrase and the hook in the first ~40 characters so that even a clipped version still makes sense and still earns the click. Third, rewrite instead of trimming: a tighter title written from scratch almost always reads better than an amputated long one, and it usually gains click-through rate even where the original was not clipped.
Remember also what truncation is not: Google frequently rewrites titles it does not clip, pulling from your H1 or anchor text when it judges them a better match. You cannot control rewrites, but you remove the most common trigger — a title that does not fit — by keeping the rendered width inside the container and the wording close to the page’s actual heading.
Reading the numbers
The checker shows characters for reference, width in pixels as the verdict, and two bars: desktop against 600px and mobile against 920px. Between 580 and 620px you are in the grey zone — Google’s container shifts slightly with screen, font fallback and interface changes, so treat “just fits” as “rewrite a touch shorter” if the words allow it. Well under the limit is not automatically good, either: a 30-character title that fits easily may be wasting prime SERP real estate that could carry a benefit, a number or a year that lifts clicks. The goal is a title that says the most within the space, not the shortest title that passes.
Frequently asked questions
How accurate is the Arial 20px measurement? It is the industry-standard approximation: Google renders titles in its own Arial/Roboto stack at about 20px, and canvas measureText reproduces those advances closely. Expect accuracy within a few pixels — which is why the grey zone exists.
Does Google have an official pixel limit? No official number is published; 600px desktop and ~920px mobile are the working limits measured across countless live results, and the preview in this tool applies the same cut you would see in the wild.
Should my brand go at the front or the back? For most pages, keyword first and brand last: if anything is clipped, you lose the brand, not the message. Homepage titles are the usual exception.
Does a clipped title hurt rankings? The full title still counts for ranking; clipping costs you clicks and message control, not positions. It is a click-through problem, and worth fixing for exactly that reason.
Related tools
Versión en español: Verificador de Títulos SEO en Píxeles: ¿Tu Título se Cortará en Google?. You may also like: Keyword Density Checker · Gunning Fog Index Calculator · SMOG Readability Score Calculator.
Embed this tool on your website — free
Copy the code below to add this working tool to your own page. A small credit link stays with it — that’s all we ask.
Pingback: Verificador de Títulos SEO en Píxeles — Mide el Ancho Real y Previsualiza el Corte de Google
Pingback: SERP Preview Tool — Full Google Snippet Simulator for Desktop & Mobile, Free