Cómo compartir capturas de pantalla de tu app en X

X es donde muchos desarrolladores comparten lo que están creando, desde la primera pantalla hasta el lanzamiento. Pero una captura de teléfono sin más tiene el formato equivocado para su timeline, y X no publica sus reglas exactas de recorte. Esta guía se ciñe a lo que está documentado o ampliamente confirmado, y muestra cómo hacer imágenes que sobrevivan al timeline.

El tamaño que se ve completo: 16:9

X no documenta un tamaño oficial de imagen para las publicaciones. Guías de tamaños como la de Metricool recomiendan 16:9, a 1600 × 900 o 1200 × 675 píxeles, y 16:9 es el formato que se ve en el timeline sin recortes en las apps de X y en la web.

Las imágenes más altas pueden recortarse en la vista previa del timeline. La gente puede tocar para ver la imagen entera, pero la mayoría no lo hará, así que trata la vista previa como lo que verán. Una captura de iPhone es más o menos 9:19,5, mucho más alta que 16:9, y por eso publicarla tal cual suele mostrar solo una franja del centro.

La solución es poner la captura en un lienzo 16:9:

Publicaciones con dos, tres o cuatro imágenes

Cuando adjuntas más de una imagen, X las coloca en una cuadrícula y recorta cada una para que quepa en su celda:

ImágenesDisposición en el timeline
2Una al lado de la otra
3Una imagen grande, con dos más pequeñas apiladas al lado
4Una cuadrícula de 2 × 2

Las celdas no son 16:9, y el recorte exacto cambia según la app y el tamaño de pantalla, así que no puedes diseñar cada imagen para que encaje a la perfección. Lo que funciona siempre:

A menudo, una sola imagen 16:9 con dos o tres pantallas una al lado de otra queda más limpia que una cuadrícula de imágenes sueltas, porque controlas toda la composición en lugar del recorte.

Añade descripciones a las imágenes

X te deja añadir una descripción, también llamada texto alternativo, a cada imagen. Los lectores de pantalla la leen en voz alta, y la gente puede abrirla desde la etiqueta ALT de la imagen. Según la página de ayuda de X, se añade desde la opción +ALT o Añadir descripción de cada imagen adjunta, y las descripciones pueden tener hasta 1000 caracteres. No se pueden añadir a los vídeos.

En una captura de una app, describe qué muestra la pantalla y por qué importa, no cada píxel:

iPhone con la pantalla de inicio de Offline Transcription: una lista de archivos de audio, uno de ellos a medio transcribir con una barra de progreso.

X tiene su propia guía para escribir buenas descripciones de imágenes.

¿Imagen o vídeo corto?

Los dos tienen su sitio.

Un buen patrón para una función es una imagen fija enmarcada en la publicación y una grabación de pantalla en una respuesta para quien quiera verla en movimiento.

Consejos para desarrolladores

Un flujo rápido

  1. Captura la pantalla a resolución completa, en el dispositivo o en el Simulador.
  2. Ponla en un marco de dispositivo sobre un lienzo 16:9 con un fondo tranquilo y margen. Cómo poner una captura en un marco de iPhone explica las opciones.
  3. Exporta un JPEG a 1600 × 900 o más.
  4. Escribe una línea sobre qué cambió, adjunta la imagen y añade una descripción.

FeatureFrame hace los pasos 2 y 3 en una sola ventana: suelta hasta tres capturas, elige el lienzo 16:9 y enmarca cada una en su dispositivo real (o en un marco Clay), las coloca en fila y te deja copiar la imagen con ⌘ C y pegarla en tu publicación, o exportarla con ⌘ E. Para otras plataformas, consulta tamaños de imagen para compartir capturas de apps y carruseles de Instagram. Consigue FeatureFrame en la Mac App Store.

Más guías