ZenovayTools

Text Truncator

Truncate text to a specific character, word, or sentence limit with customizable ellipsis. Preview how text appears at different lengths for UI design and SEO.

243 chars · 42 words

Truncate by

Limit

Ellipsis

Common presets

Truncated Result

160 / 243 characters · truncated

The quick brown fox jumped over the lazy dog near the river bank. It paused to look at its reflection, then continued its journey through the dense forest. The…

160 / 160 characters

How to Use Text Truncator

  1. 1Paste your text into the input field.
  2. 2Choose truncation unit: characters, words, or sentences.
  3. 3Set the limit and choose ellipsis style.
  4. 4Copy the truncated text for use in your design.
Zenovay

Track your website performance

Real-time analytics, session replay, heatmaps, and AI insights. 2-minute setup, privacy-first.

Try Zenovay Analytics — Free

Frequently Asked Questions

What is text truncation?
Text truncation is the shortening of text to fit within a defined length constraint, usually followed by an ellipsis (...) to indicate omitted content. Used in: UI cards (product titles, post previews), SEO meta descriptions (160 char limit), Open Graph descriptions, database columns with VARCHAR limits, notification messages, button labels. Smart truncation cuts at word boundaries rather than mid-word for better readability.
What is the ideal length for SEO meta descriptions?
Google displays meta descriptions up to ~155-160 characters (varies by device). Optimal: 120-155 characters for desktop, 100-120 for mobile. Best practices: include the primary keyword naturally, end with a call to action, make it unique per page, accurately describe the page content. Google may rewrite meta descriptions if they don't match search intent — but having a good description still influences click-through rates.
How does CSS text truncation work?
Single line: overflow: hidden; white-space: nowrap; text-overflow: ellipsis; — requires a fixed or max-width container. Multi-line (WebKit): display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; — limits to N lines. CSS line-clamp is now supported without prefix in modern browsers. JavaScript truncation offers more control: by character count, word count, or pixel width via canvas.measureText().
What are common truncation limits?
SEO meta title: 60 chars. SEO meta description: 160 chars. Twitter card title: 70 chars. Open Graph description: 200 chars. LinkedIn post preview: 210 chars. Push notification title: 50-65 chars (varies by OS). SMS: 160 chars (single segment). Email subject line: 50 chars (for mobile preview). Product description cards: 100-150 chars. Database VARCHAR typical limits: 255 or 500 chars.
What is smart/word-boundary truncation?
Smart truncation cuts at the last complete word before the limit, avoiding mid-word breaks. Example at 20 chars: "The quick brown fox" (dumb) might cut to "The quick brown fo" + "..."; smart truncation cuts to "The quick brown" + "...". Implementation: find lastIndexOf(' ', limit) to find the last space before the limit. For multi-byte Unicode, use [...text].slice(0, limit) to avoid cutting in the middle of multi-byte characters (emoji, CJK).