Truncador de Texto
Trunce texto para um limite específico de caractere, palavra ou sentença com elipse personalizável. Visualize como o texto aparece em diferentes comprimentos para design de UI e 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
Como Usar Truncador de Texto
- 1Cole seu texto no campo de entrada.
- 2Escolha a unidade de truncamento: caracteres, palavras ou sentenças.
- 3Defina o limite e escolha o estilo de elipse.
- 4Copie o texto truncado para usar em seu design.
ZenovayAnalytics
Transforme seu tráfego em clientes.
- Acompanhamento de visitantes em tempo real
- Privacidade em primeiro lugar, sem banner de cookies
- Configurado em dois minutos
Ferramentas Relacionadas
Contador de Palavras
Conte palavras, caracteres, sentenças e parágrafos. Estime tempo de leitura e fala.Contador de Caracteres
Conte caracteres com e sem espaços. Acompanhe os limites do Twitter, meta descriptions e mais.Conversor de Maiúsculas/Minúsculas
Converta texto entre MAIÚSCULAS, minúsculas, Title Case, camelCase, snake_case e kebab-case.Gerador de Lorem Ipsum
Gere texto de preenchimento em parágrafos, frases ou palavras. Copie com um clique.Perguntas Frequentes
O que é truncamento de texto?▾
O truncamento de texto é o encurtamento do texto para caber dentro de uma restrição de comprimento definida, geralmente seguido por reticências (...) para indicar conteúdo omitido. Usado em: cartões de UI (títulos de produtos, pré-visualizações de posts), meta descrições de SEO (limite de 160 caracteres), descrições do Open Graph, colunas de banco de dados com limites VARCHAR, mensagens de notificação, rótulos de botões. O truncamento inteligente corta nos limites das palavras em vez de no meio de uma palavra para melhor legibilidade.
Qual é o comprimento ideal para meta descrições de SEO?▾
O Google exibe meta descrições com até ~155-160 caracteres (varia por dispositivo). Ideal: 120-155 caracteres para desktop, 100-120 para mobile. Melhores práticas: inclua a palavra-chave principal de forma natural, termine com uma chamada para ação, faça-a única por página, descreva com precisão o conteúdo da página. O Google pode reescrever meta descrições se não corresponderem à intenção de pesquisa — mas ter uma boa descrição ainda influencia as taxas de cliques.
Como funciona o truncamento de texto CSS?▾
Linha única: overflow: hidden; white-space: nowrap; text-overflow: ellipsis; — requer um contêiner de largura fixa ou máxima. Várias linhas (WebKit): display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; — limita a N linhas. O CSS line-clamp agora é suportado sem prefixo em navegadores modernos. O truncamento JavaScript oferece mais controle: por contagem de caracteres, contagem de palavras ou largura em pixels via canvas.measureText().
Quais são os limites de truncamento comuns?▾
Título SEO: 60 caracteres. Meta descrição SEO: 160 caracteres. Título do Twitter card: 70 caracteres. Descrição do Open Graph: 200 caracteres. Pré-visualização de post do LinkedIn: 210 caracteres. Título de notificação push: 50-65 caracteres (varia por SO). SMS: 160 caracteres (segmento único). Assunto de e-mail: 50 caracteres (para pré-visualização mobile). Cartões de descrição de produto: 100-150 caracteres. Limites VARCHAR típicos em banco de dados: 255 ou 500 caracteres.
O que é truncamento inteligente/por limite de palavras?▾
O truncamento inteligente corta na última palavra completa antes do limite, evitando cortes no meio de palavras. Exemplo em 20 caracteres: "The quick brown fox" (simples) pode cortar para "The quick brown fo" + "..."; o truncamento inteligente corta para "The quick brown" + "...". Implementação: encontre lastIndexOf(' ', limite) para encontrar o último espaço antes do limite. Para Unicode multi-byte, use [...texto].slice(0, limite) para evitar cortar no meio de caracteres multi-byte (emoji, CJK).