Tamaño mínimo de fuente para gráficos de redes sociales

En un gráfico social de 1080 px de ancho, nuestro mínimo es 40 px para cualquier texto que el lector deba entender y 32 px para cualquier cosa, lo que equivale a unos 14,4 y 11,6 píxeles CSS cuando la publicación llena una pantalla de teléfono de 390 puntos. Ninguna red social publica un tamaño mínimo de fuente para imágenes, así que estos son nuestros números, construidos a partir del mínimo de 11 pt de Apple para iOS y de la aritmética de reducir una imagen de 1080 px a un teléfono.

Nuestra guía central de tipografía ofrece la escala tipográfica completa. Este artículo se centra en el piso: el cálculo, cómo cambia con el tamaño del lienzo y qué pasa cuando un texto más largo empuja hacia abajo la tipografía de una plantilla.

¿Existe un tamaño mínimo de fuente oficial para redes sociales?

No. Las plataformas publican dimensiones de imagen y límites de archivo, y no encontramos ningún tamaño mínimo de texto para imágenes en las páginas de ayuda de LinkedIn, Instagram, X o Threads que revisamos el 5 de octubre de 2026. Los números oficiales más cercanos vienen de las guías de interfaz y de las normas de accesibilidad:

• Las guías de tipografía de Apple dan 17 pt como tamaño predeterminado y 11 pt como tamaño mínimo de texto en iOS y iPadOS. La misma página aconseja evitar los pesos Ultralight, Thin y Light, que son difíciles de ver en tamaños pequeños.
• Las WCAG no fijan ningún tamaño mínimo. Su criterio de contraste pide 4.5:1 por debajo de 18 pt (o 14 pt en negrita) y 3:1 por encima, y dice que esos tamaños son aproximadamente 24 px y 18.5 px en CSS. También cubre las imágenes de texto, que es lo que es un gráfico social.

Los 11 pt de Apple están escritos para texto de interfaz en vivo que la gente puede ampliar. El texto incrustado en un PNG no puede ser ampliado por el lector, y esa es nuestra razón para tratar los 11 pt como piso absoluto, no como objetivo.

¿Cómo se convierten los píxeles del lienzo en tamaños en un teléfono?

Tres pasos, usando un teléfono como referencia. Un iPhone 16 tiene una pantalla de 1179 px de ancho y dibuja 3 píxeles físicos por punto, así que mide 1179 / 3 = 393 puntos de ancho. Lo redondeamos a 390 puntos como ancho de referencia. Nuestra suposición de trabajo es que un píxel CSS en un navegador de teléfono equivale a un punto, de modo que aquí las dos unidades son intercambiables.

1. Factor de escala. Una publicación de 1080 px que llena una pantalla de 390 puntos se escala por 390 / 1080 = 0.361.
2. Píxeles por punto. A la inversa, 1 punto = 1080 / 390 = 2.77 px de lienzo.
3. El piso de Apple en su lienzo. 11 pt x 2.77 = 30.5 px de lienzo.

Esos 30.5 px solo valen cuando la imagen va de borde a borde. Muchos feeds muestran la imagen más estrecha que la pantalla, junto a una columna de avatar o dentro de márgenes. Como suposición de trabajo para esos feeds, tome una imagen de unos 300 puntos de ancho: el factor baja a 300 / 1080 = 0.278, 1 punto pasa a ser 3.6 px de lienzo, y los 11 pt de Apple se convierten en 11 x 3.6 = 39.6 px. Redondee hacia arriba y obtiene nuestra regla de 40 px para texto esencial.

Tamaño en un lienzo de 1080 px	Ancho completo, 390 pt (x 0.361)	Feed con márgenes, 300 pt (x 0.278)	Nuestro veredicto
110 px	39.7	30.6	Titular
72 px	26.0	20.0	Titular más pequeño que recomendamos
48 px	17.3	13.3	Texto de apoyo cómodo
40 px	14.4	11.1	Mínimo para texto que la gente debe leer
32 px	11.6	8.9	Solo etiquetas, nombres de usuario, números de página
24 px	8.7	6.7	Demasiado pequeño para cualquier cosa importante
20 px	7.2	5.6	Decoración

Las columnas centrales están en px CSS, que tratamos como puntos. Cada cifra de la tabla es aritmética nuestra.

¿Cómo cambia el mínimo con el tamaño del lienzo?

La misma regla da un número de píxeles distinto en cada lienzo, porque un lienzo más ancho se reduce con más fuerza. Divida el ancho del lienzo por el ancho mostrado para obtener los px de lienzo por punto, y luego multiplique por 11.

Lienzo	Mostrado a	Px de lienzo por punto	11 pt en px de lienzo	Nuestro mínimo para texto esencial
Publicación de 1080 px (1:1, 4:5, 9:16)	390 pt ancho completo	2.77	30.5	40 px (feeds con márgenes)
Publicación de 1080 px	300 pt con márgenes	3.60	39.6	40 px
Horizontal o anuncio de 1200 px	300 pt con márgenes	4.00	44.0	44 px
Cabecera de X de 1500 px	390 pt ancho completo	3.85	42.3	48 px
Anuncio vertical de 720 px	300 pt con márgenes	2.40	26.4	26 px

Por eso un tamaño de fuente copiado de un formato a otro sale mal. Una etiqueta de 32 px que está bien en un anuncio de 720 px es demasiado pequeña en una cabecera de 1500 px. Para la cabecera en sí, vea la guía visual de cabecera y publicaciones de X; para anuncios, la guía de diseño de anuncio de imagen única de LinkedIn.

¿Qué pasa con el tamaño de fuente cuando el texto se alarga?

Una plantilla con cajas de texto fijas tiene que hacer algo cuando las palabras no caben. Nuestro renderizador reduce la tipografía paso a paso hasta un piso que fija el diseñador, y solo entonces corta el texto. Aquí hay una plantilla de cita de nuestra marca de demostración AURORA con tres longitudes de texto. La cita empieza en 72 px, tiene un piso de 44 px y permite seis líneas; los tamaños de abajo se leyeron de la salida del renderizador.

42 caracteres: la cita se queda en 72 px, unos 26 puntos al ancho completo del teléfono.

159 caracteres: la tipografía baja a 60 px, unos 21,7 puntos.

190 caracteres: 50 px, unos 18 puntos a ancho completo o 13,9 en un feed con márgenes. Incluso en el piso de 44 px la cita se mantendría por encima de nuestra regla de 40 px, que es justo la razón de poner el piso ahí. Un piso en 26 px dejaría que la misma plantilla bajara en silencio por debajo de cualquier cosa que un teléfono pueda mostrar bien.

Una nota honesta sobre nuestra propia demostración: la línea de atribución de esta plantilla está fija en 20 px, unos 7 puntos en un teléfono. Eso está bien para un crédito decorativo, pero si el nombre importa, también debe ir en el pie de la publicación.

¿Cómo se ven estos tamaños al ancho del teléfono?

Abajo está la cita larga mostrada a 390 px CSS de ancho, el ancho que recibe cuando llena la pantalla de un iPhone típico. En un monitor de escritorio un píxel CSS es físicamente más grande que en un teléfono, así que abra esta página en su teléfono para juzgarla a tamaño real.

Y aquí hay una publicación vertical cuya línea de apoyo está fija en 24 px, primero a tamaño completo y luego a 390 px CSS.

A 390 px, la línea de 24 px mide 8,7 puntos y el antetítulo de 13 px en la píldora queda por debajo de 5. El titular sobrevive, los detalles no. Ese es el fallo habitual: nadie hace el titular demasiado pequeño, hacen la segunda línea demasiado pequeña.

¿Cómo se incorporan los mínimos en una plantilla?

Nuestra lista de verificación, para quien construya las plantillas:

• Fije un piso en cada caja de texto: 72 px para titulares, 40 px para todo lo esencial, 32 px para etiquetas, en un lienzo de 1080 px.
• Escale esos pisos según el ancho del lienzo usando la tabla de arriba, nunca a ojo.
• Limite el número de caracteres para que el texto más largo permitido quede en el piso o por encima.
• Pruebe el texto más largo, no el texto de muestra, y mírelo a 390 px de ancho.
• Mantenga los pesos ligeros fuera de cualquier cosa por debajo de 48 px.
• Revise el contraste en cada línea pequeña; nuestra guía de contraste de color tiene los ratios de las WCAG.
• Mantenga el texto pequeño dentro de las zonas seguras además de por encima del piso; vea las zonas seguras de Stories y Reels.
• Repita todo lo esencial en el pie y en el texto alternativo, ya que nadie puede hacer zoom en una imagen del feed.

En Chikaboom, el diseñador fija una sola vez el tamaño inicial y el piso de cada caja de texto, y los compañeros que llenan la plantilla no pueden empujar el texto por debajo. Puede probar el comportamiento de reducción en la demo en vivo. Para el lado de la composición del mismo problema, lea nuestros principios de composición para gráficos sociales.