Instagram, TikTok y X6 min de lectura

Portadas de historias destacadas de Instagram que combinan con tu marca

Portadas de destacadas de Instagram con marca: un estilo compartido, una palabra o icono centrado, contraste fuerte y nombres cortos. Con nuestros tamaños medidos y un set de ejemplo.

Las portadas de historias destacadas combinan con tu marca cuando cada portada de la fila usa un estilo compartido: el mismo fondo, el mismo color de acento y una palabra o un icono centrado, con un tamaño que siga siendo legible en un círculo pequeño. Diseña cada portada como un cuadrado de 1080 x 1080 px, mantén todo dentro del círculo central y dale a cada destacada un nombre de una o dos palabras cortas.

Instagram no publica un tamaño de portada de destacada, así que los tamaños de abajo vienen de nuestra propia medición y están marcados como tal. El comportamiento de la plataforma enlaza al Centro de ayuda de Instagram, comprobado el 5 de octubre de 2026. Las destacadas están justo encima de tu cuadrícula, así que pertenecen al mismo plan que tus publicaciones; nuestra guía de diseño de carruseles para Instagram es el centro de ese plan.

¿Qué son las historias destacadas de Instagram y dónde se muestra la portada?

Las destacadas conservan las historias en tu perfil una vez pasadas las 24 horas. La página de ayuda sobre destacadas de Instagram dice que una historia añadida a una destacada permanece allí hasta que la quitas, y que cualquiera que pueda ver tus historias también puede ver tus destacadas.

La portada es la imagen redonda de la fila entre tu biografía y tu cuadrícula, con el nombre de la destacada debajo. Cuando creas una destacada, la misma página dice que eliges las historias y luego tocas Editar portada para elegir la imagen de portada e introducir un nombre. Puedes cambiar ambas cosas después: abre la destacada, toca Más y luego Editar destacada, o mantenla pulsada en tu perfil, como describe la página de ayuda sobre editar o eliminar.

¿Qué tamaño debe tener una portada de destacada?

El Centro de ayuda de Instagram no da ningún tamaño de portada, y no encontramos ninguna cifra oficial. Así que medimos lo que muestra el sitio web.

Nuestra medición: el 5 de octubre de 2026 abrimos un perfil público en instagram.com en un navegador de escritorio de 1.024 px de ancho. Cada portada de destacada aparecía como un círculo de 77 x 77 píxeles CSS. La imagen de detrás era un cuadrado de 150 x 150 px, recortado en círculo por la página. No medimos las apps de teléfono.

Elemento Valor Fuente
Forma de la portada Círculo recortado de un cuadrado Nuestra medición en instagram.com
Tamaño de visualización en el sitio web 77 px de diámetro con una ventana de 1.024 px Nuestra medición
Archivo de imagen que cargó el sitio web 150 x 150 px Nuestra medición
Tamaño para diseñar 1080 x 1080 px Nuestra recomendación
Área segura El círculo dentro del cuadrado, unos 1.080 px de diámetro Nuestra recomendación
Tamaño de la palabra o del icono Alrededor de la mitad del ancho del círculo Nuestra recomendación

¿Por qué diseñar a 1080 px si el sitio web carga 150 px? Nuestro razonamiento: las pantallas de los teléfonos y las apps pueden cargar versiones más grandes que el sitio web, y un original grande y nítido se reduce de forma limpia. Las esquinas de tu cuadrado nunca se ven, así que trátalas como vacías.

¿Cómo se ve un set de portadas con marca?

Abajo hay un set de cuatro portadas renderizadas desde nuestra marca de demostración AURORA. Usamos una plantilla y cambiamos solo la palabra. Cada render es un lienzo más alto; mostramos un cuadrado de su parte superior dentro de un círculo, tal como un perfil muestra una portada.

Portada redonda de destacada de nuestra marca de demostración AURORA: la palabra GUIDE en mayúsculas negras gruesas sobre un fondo blanco roto, una línea gris fina cerca de la parte superior y una franja verde en la mitad inferior del círculo
Guía
Portada redonda de destacada de nuestra marca de demostración AURORA: la palabra EVENT en mayúsculas negras gruesas sobre un fondo blanco roto, encima de una franja verde
Evento
Portada redonda de destacada de nuestra marca de demostración AURORA: la palabra JOBS en mayúsculas negras gruesas sobre un fondo blanco roto, encima de una franja verde
Empleo
Portada redonda de destacada de nuestra marca de demostración AURORA: la palabra PRESS en mayúsculas negras gruesas sobre un fondo blanco roto, encima de una franja verde
Prensa

Las mismas cuatro portadas a 77 px, el tamaño que medimos en el sitio web de Instagram:

Lo que aprendimos al hacerlas: a 77 px, cuatro o cinco letras son el límite antes de que la palabra se vuelva difícil de leer, y la palabra queda un poco a la izquierda del centro porque la plantilla alinea el texto a la izquierda. Si construyéramos una plantilla dedicada a portadas, centraríamos la palabra y dejaríamos más espacio a los lados. La franja repetida hace la mayor parte del trabajo de marca: incluso antes de leer la palabra, la fila parece un solo set.

¿Iconos o palabras: qué estilo de portada deberías usar?

Estilo Funciona cuando Cuidado con (nuestra recomendación)
Una sola palabra Los temas son abstractos, como Prensa o Empleo Limítala a unas 5 letras en un peso grueso
Icono de línea El tema tiene un símbolo que la gente conoce, como un signo de interrogación o un calendario Los trazos finos desaparecen a 77 px; usa un trazo grueso
Solo color sólido Confías en el nombre de la destacada debajo del círculo Todas las portadas se ven iguales; usa un color distinto por tema
Recorte de foto Las personas, los lugares o los productos son lo importante Las fotos cargadas se convierten en una mancha en un círculo pequeño
Número o monograma Una serie, como Parte 1 o Episodio 2 Solo tiene sentido dentro de la serie

Elijas lo que elijas, úsalo para todas las destacadas. Una fila que mezcla fotos, iconos y palabras parece no planificada, aunque cada portada esté bien por sí sola.

¿Cuánto contraste necesita una portada?

Instagram no fija ninguna regla, así que tomamos prestada la de la web. Las WCAG 2.2 piden al menos 3:1 de contraste para objetos gráficos necesarios para entender el contenido, como un icono, y al menos 4,5:1 para texto normal y 3:1 para texto grande. Una portada de destacada no es una página web, pero a 77 px todo lo que hay en ella es pequeño, así que nuestra recomendación es tratar 4,5:1 como el mínimo tanto para la palabra como para el icono.

En la práctica: tinta oscura sobre un fondo claro, o blanco sobre el color más oscuro de tu marca. Evita pastel sobre pastel, y evita los degradados donde el icono pasa de una zona clara a una oscura.

¿Cómo deberías nombrar y ordenar las destacadas?

  • Usa una o dos palabras cortas por nombre, con las mismas mayúsculas en toda la fila.
  • Pon a la izquierda la destacada que un visitante nuevo necesita primero (por ejemplo, Sobre nosotros o Empieza aquí).
  • Limita la fila a los temas que actualizas. Una destacada tocada por última vez hace dos años les dice a los visitantes que la cuenta está parada.
  • Con portadas de palabras, haz que el nombre coincida con la palabra de la portada, para que los visitantes nunca vean dos etiquetas distintas para una misma destacada.

¿Cómo se conectan las portadas con las historias y la cuadrícula?

Las historias dentro de una destacada deberían seguir el mismo estilo que la portada. Nuestras plantillas de historias para marcas ofrecen ocho formatos para llenar destacadas, y las zonas seguras de historias y Reels muestran dónde la interfaz tapa una historia.

Las portadas también están justo encima de tu cuadrícula, así que elige el fondo de la portada de la misma paleta que el patrón de tu cuadrícula. Nuestra guía de planificación de la cuadrícula explica los patrones y los mosaicos altos 3:4.

¿Cómo mantener un set de portadas coherente en un equipo?

Convierte la portada en una plantilla donde solo cambia la palabra o el icono. Chikaboom funciona así: un diseñador bloquea el diseño, los colores y la tipografía, un compañero escribe la nueva palabra y el texto se reduce para caber en su caja. Puedes ver cómo se comporta una plantilla bloqueada en nuestra demo en vivo.

Lista de verificación para portadas de destacadas

  • Un estilo para todas las portadas: mismo fondo, acento y tipografía.
  • Diseñadas a 1080 x 1080 px, con todo dentro del círculo central.
  • Una palabra de unas 5 letras o menos, o un icono grueso, de alrededor de la mitad del ancho del círculo.
  • Contraste de al menos 4,5:1 entre la palabra o el icono y el fondo (nuestro mínimo).
  • Nombres de una o dos palabras cortas, con la destacada más útil primero.
  • Comprobadas a 77 px antes de publicar.

Preguntas frecuentes

¿Qué tamaño debe tener una portada de historia destacada de Instagram?

Instagram no publica ninguno. Nuestra recomendación es un cuadrado de 1080 x 1080 px con todo lo importante dentro del círculo central. En el sitio web de Instagram medimos portadas mostradas como círculos de 77 px, cargadas desde una imagen de 150 x 150 px.

¿Cómo cambio la portada de una historia destacada?

El Centro de ayuda de Instagram dice que eliges una portada con Editar portada al crear una destacada, y que puedes editar una destacada más tarde tocándola, luego Más y luego Editar destacada. En la app también puedes mantener pulsada la destacada en tu perfil y elegir Editar destacada.

¿Las portadas de destacadas deberían usar iconos o palabras?

Cualquiera de los dos funciona si todo el set usa el mismo. Nuestra recomendación: usa una palabra corta cuando tus temas son difíciles de dibujar y un icono cuando el tema tiene un símbolo que todos conocen, como un signo de interrogación para FAQ.

¿Las destacadas desaparecen después de 24 horas como las historias?

No. Instagram dice que las historias añadidas a una destacada permanecen en tu perfil hasta que las quitas, incluso después de que la historia original caduque. Cualquiera que pueda ver tus historias puede ver tus destacadas.

Fuentes

  1. Instagram Help Center: Add a story to your Story Highlights
  2. Instagram Help Center: Edit or delete a highlight on Instagram
  3. W3C: Understanding WCAG 2.2 Success Criterion 1.4.11 Non-text Contrast
  4. W3C: Understanding WCAG 2.2 Success Criterion 1.4.3 Contrast (Minimum)
  1. Diseño de carruseles de Instagram para marcasInstagram, TikTok y X9 min
  2. Planificar la cuadrícula de Instagram: patrones que parecen intencionalesInstagram, TikTok y X7 min
  3. Plantillas de Stories para marcas: 8 formatos para el día a díaInstagram, TikTok y X9 min