Diseñar por separado para cada plataforma no hace falta. Las imágenes del feed de todas ellas se reducen a tres formas, cuadrada, vertical alta y vertical a pantalla completa, más una cuarta, la horizontal, que sobrevive sobre todo donde vive el vídeo.
Diseña una vez por forma y la lista de exportaciones se queda corta. Las medidas exactas en píxeles cambian de vez en cuando; las formas llevan años estables.
¿Por qué los feeds se volvieron verticales?
Porque el móvil se sujeta en vertical, y una imagen más alta ocupa más pantalla durante más tiempo mientras pasa el feed. Ese es todo el mecanismo, y explica cada cambio de tamaño de la última década.
Los feeds se quedaron con un límite en torno a una proporción 4:5 para las imágenes dentro del feed, en lugar de permitir la altura completa de la pantalla, porque una publicación que llena toda la pantalla no deja nada visible arriba ni abajo: ni autor, ni texto, ni la sensación de que hay más por ver.
La vertical a pantalla completa es de los formatos pensados para llenarla: historias, reels y vídeo corto. Ahí toda la pantalla es el lienzo, y los elementos de la interfaz van encima de la imagen en lugar de al lado.
La horizontal no ha desaparecido; se ha retirado a donde le corresponde. El vídeo que se va a ver en una tele o en un portátil sigue siendo horizontal, y también lo que está pensado para ir dentro de una página y no para llenar un móvil, por eso una miniatura y una imagen de feed son trabajos distintos aunque muestren lo mismo.
¿Qué es una zona segura?
La parte del encuadre que nada va a tapar. Un formato a pantalla completa lleva interfaz encima, una fila con el perfil arriba, texto y botones abajo, y lo importante que pongas ahí queda cubierto.
Las proporciones son bastante parecidas entre plataformas: deja libres la parte de arriba y la de abajo de un encuadre vertical y trata el centro como el área útil. El texto colocado en esa franja central sobrevive en cualquier plataforma sin rediseñar.
Lo mismo vale para los lados en los formatos que se recortan en lugar de llevar bandas. Un diseño que llega de borde a borde es un diseño que pierde los bordes.
¿En qué se diferencian los carruseles?
Todas las tarjetas tienen que tener la misma forma. Un carrusel toma una proporción de la primera imagen y la aplica a todas, así que un conjunto que mezcla cuadradas y verticales se recorta hasta que coincide, y ese recorte no lo apruebas tú.
Eso hace de la uniformidad la primera regla y de la continuidad la oportunidad. Diseñar un carrusel como una imagen ancha cortada en tarjetas funciona bien, siempre que los cortes sean exactos y lo importante no quede sobre una costura.
La primera tarjeta carga con todo. Es la única que seguro se ve, así que tiene que funcionar sola tanto como funciona de apertura.
¿Por qué la misma imagen se ve distinta en dos plataformas?
Distinta compresión, distinto tratamiento del color y distintos recortes. Cada plataforma vuelve a codificar al subir con sus propios ajustes, así que el archivo que le llega a quien mira nunca es el que mandaste.
El color es la diferencia más sutil. Una imagen guardada en un espacio de color amplio y mostrada por algo que da por hecho el estándar sale apagada o sobresaturada, y por eso exportar en el espacio estándar evita un tipo de problema difícil de diagnosticar a posteriori.
La nitidez es la que más sufre en las zonas planas y los degradados, que es donde la compresión tiene menos información con la que trabajar. Un fondo degradado que en local se ve suave puede aparecer a bandas después de subirlo.
El texto es donde se nota primero. La compresión funciona descartando el detalle que el ojo tiene menos probabilidades de echar en falta, y un borde duro entre una letra y su fondo es justo el tipo de detalle que descarta; por eso el texto pequeño de una imagen subida se ve borroso de una forma en que el mismo texto en el pie nunca se ve.
¿Qué merece la pena exportar?
Una cuadrada, una vertical alta, una vertical completa y una horizontal si hay vídeo. Eso cubre los feeds, y las diferencias entre plataformas dentro de cada forma son tan pequeñas que una exportación sirve para varios destinos.
Conservar el original a un tamaño mayor que cualquier exportación es la otra mitad. Las plataformas cambian sus medidas de vez en cuando, y volver a exportar desde un original lleva un minuto, cosa que no pasa con volver a hacer la foto.
Nombrar las exportaciones por forma y no por plataforma las hace reutilizables. Un archivo llamado «cuadrada» sobrevive a que una plataforma cambie el nombre de sus formatos; uno con el nombre de un producto, no.
Preguntas que hace la gente
¿El tamaño de la imagen afecta al alcance? No directamente. Afecta a si la imagen se lee en un móvil, y eso afecta a si alguien se para.
¿Le pongo un marco para que quepa en un cuadrado? Funciona, y cuesta superficie de pantalla. Un recorte que conserve el motivo suele ser mejor.
¿Historias y reels usan el mismo encuadre? La misma proporción, con distinta interfaz encima. Si publicas en los dos, revisa las dos zonas seguras.
¿Y las miniaturas de vídeo? Horizontales para el vídeo horizontal, y la miniatura es un trabajo de diseño aparte, no un fotograma sacado del vídeo.
Exporta por forma, no por plataforma. La tabla de tamaños de imagen para redes sociales, de momento en inglés, reúne reels y carruseles, LinkedIn, X, TikTok, Pinterest y un estado de WhatsApp junto a las publicaciones de Instagram, las historias y las publicaciones de Facebook, que es justo la idea, porque la mitad son las mismas tres formas con otros nombres; y redimensionar imágenes hace las conversiones desde un solo original.