SEO Title & Meta Description Pixel Width
Check exact Google SERP pixel width and character count for your SEO titles and meta descriptions. Avoid truncation with live desktop and mobile previews.
Live Google Search Engine Result Preview
Best Running Shoes for Marathon Training (2026 Guide & Reviews)
Discover our top-rated distance running shoes tested over 500 miles. Compare cushioning, arch support, carbon plate responsiveness, and durability for your race.
🔍 Why Google Measures Pixels, Not Character Counts
Google desktop search results allocate a fixed container width of 600 pixels (rendered in 20px Arial font) for the title tag. Because letters like 'W' and 'M' occupy nearly three times the horizontal space of 'I' and 'l', character-count tools can mislead you. Measuring the actual proportional canvas pixel width ensures your titles never get sliced off with an unsightly ellipsis (...).
About this tool
How to use it
- Type or paste your prospective SEO Title (<title>) and Meta Description into the input boxes.
- Toggle between Desktop (600px ceiling) and Mobile (680px ceiling) search engine viewports.
- Watch the live proportional HTML5 Canvas pixel meter calculate character width in real time.
- Check the simulated Google search result snippet to see exactly where Google places the ellipsis (...) if text overflows.
Why it matters
Google search result pages do not count characters; they display text within fixed-width graphic containers using the Arial font. Wide capital letters ('W', 'M') consume up to 3x more pixel width than narrow letters ('i', 'l'). Measuring true canvas pixel width guarantees your search snippet is never prematurely cut off.
When to use it
Use this tool whenever optimizing blog articles, product pages, or landing page metadata before publishing to WordPress, Shopify, or Webflow.
Good to know
Uses HTML5 2D Canvas measureText API configured to Google's exact typography: 20px Arial for titles and 14px Arial for meta descriptions.
Common questions
What is the maximum pixel width for Google title tags?
On desktop, Google cuts off title tags at approximately 600 pixels (typically 50 to 60 characters). On mobile devices, the container width expands to roughly 680 pixels.
How long can a meta description be?
Google displays meta descriptions up to roughly 960 pixels on desktop (around 155 to 160 characters) and 750 pixels on mobile (roughly 120 characters).
Does Google always use the title tag I provide?
In about 30% of search queries, Google may rewrite or append your brand name if it believes your title tag is keyword-stuffed or poorly matches the user's search query.
Are my SEO drafts kept private?
Yes! All pixel width computations run 100% in your local browser canvas. No title drafts or URLs are ever transmitted to remote servers.