See exactly how your title, URL, and meta description will render in Google search results — before you publish — with real pixel-width truncation checks, not just character counts.
Rather than counting characters, this measures your title and description using an actual canvas `measureText()` call at the same font and size Google's search results render with, then truncates at the real pixel-width cutoff the same way Google does. That's why two titles with the same character count can be truncated differently here — one full of wide letters like W and M eats up its pixel budget much faster than one full of narrow letters like i and l.
Google's search results use a proportional (non-monospace) font, so every character takes up a different amount of horizontal space. A character-count limit like "60 characters" is only a rough approximation — measuring actual rendered pixel width matches what Google's layout engine really does.
They're close approximations based on Google's standard desktop and mobile layout widths, not a guarantee. Google can adjust the actual snippet shown — including rewriting your title or description entirely — based on the search query and device, so treat this as a strong preview, not a literal promise.
The preview truncates it at the real pixel cutoff and appends an ellipsis, exactly mirroring how Google cuts off an overly long snippet in live search results — the meter above the field turns amber then red as you approach and exceed that budget.