Contador de caracteres

¿De qué «carácter» hablamos?

Los límites de caracteres parecen simples hasta que aparece un emoji o una letra con acento. La bandera 🇲🇽 es un solo símbolo en pantalla, pero son dos puntos de código Unicode, cuatro unidades UTF-16 (lo que reporta .length en JavaScript) y ocho bytes UTF-8 (lo que puede contar una columna de base de datos). Este contador muestra todas esas cifras, así puedes usar la que aplique tu plataforma.

Fija un límite para ver cuántos caracteres te quedan: 160 para una meta descripción, 280 para una publicación en X, 2,200 para una descripción de Instagram, 80 para una biografía de TikTok.

Ejemplo

é👍🏽 son 2 caracteres en pantalla: é y un pulgar arriba con tono de piel medio. Son 3 puntos de código (el pulgar y el modificador de tono van por separado), 5 unidades UTF-16 y 10 bytes UTF-8. Un campo limitado a 2 «caracteres» en JavaScript lo rechazaría; una columna UTF-8 de 10 bytes apenas lo aceptaría.

Espacios y líneas

La fila de caracteres sin espacios es la que usan algunas tarifas de traducción y trabajos escolares.

La página cuenta los caracteres que percibe una persona con Intl.Segmenter, la implementación del navegador de la segmentación de texto Unicode, así que las letras con acento, las banderas y las secuencias de emoji cuentan una vez. También cuenta letras y números con las clases de caracteres Unicode, espacios, puntos de código, unidades UTF-16 (la longitud en JavaScript), bytes UTF-8 con el codificador del navegador y líneas. Con un límite, la primera fila muestra cuántos caracteres quedan, en negativo si te pasas. Todo ocurre en tu navegador.