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 · truncatedThe 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
- 1Paste your text into the input field.
- 2Choose truncation unit: characters, words, or sentences.
- 3Set the limit and choose ellipsis style.
- 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.
Related Tools
Word CounterCount words, characters, sentences, and paragraphs. Estimate reading and speaking time.
Character CounterCount characters with and without spaces. Track limits for Twitter, meta descriptions, and more.
Case ConverterConvert text between UPPERCASE, lowercase, Title Case, camelCase, snake_case, and kebab-case.
Lorem Ipsum GeneratorGenerate placeholder text in paragraphs, sentences, or words. Copy with one click.
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).