Contador de caracteres

De qual "caractere" estamos falando?

Limites de caracteres parecem simples até aparecer um emoji ou uma letra acentuada. A bandeira 🇧🇷 é um símbolo na tela, mas dois pontos de código Unicode, quatro unidades UTF-16 (o que o .length do JavaScript mostra) e oito bytes UTF-8 (o que uma coluna de banco pode contar). Este contador mostra todos, para você usar a regra da sua plataforma.

Defina um limite para ver quantos caracteres ainda restam: 160 para uma meta description, 280 para um post no X, 2.200 para uma legenda do Instagram, 150 para a bio do TikTok.

Exemplo resolvido

é👍🏽 são 2 caracteres na tela: o é e um joinha com tom de pele médio. São 3 pontos de código (o polegar e o modificador de tom são separados), 5 unidades UTF-16 e 10 bytes UTF-8. Um campo limitado a 2 "caracteres" no JavaScript recusaria; uma coluna UTF-8 de 10 bytes caberia certinho.

Espaços e linhas

A linha de caracteres sem espaços é a que muitos tradutores e revisores usam para orçar trabalhos.

A página conta os caracteres percebidos com o Intl.Segmenter, a implementação da segmentação de texto do Unicode no navegador, então letras acentuadas, bandeiras e sequências de emoji contam uma vez cada. Ela também conta letras e dígitos com classes de caracteres Unicode, espaços, pontos de código, unidades UTF-16 (o tamanho no JavaScript), bytes UTF-8 pelo codificador do navegador e linhas. Com um limite, a primeira linha mostra quantos caracteres restam, negativo quando passa. Tudo roda no navegador.