Tamaños de imágenes para redes sociales

Tres relaciones de aspecto cubren casi cualquier ubicación social: 1:1 para publicaciones del feed, 9:16 para historias y reels, y 1.91:1 para vistas previas de enlaces. Producir esas 3 a partir de una maestra le hace compatible con casi todo sin tener que mantener una hoja de cálculo llena de excepciones.

La mayoría de las guías de tamaños de imágenes para redes sociales se reciclan de guías más antiguas y citan dimensiones que cambiaron hace años. El enfoque más seguro es diseñar al tamaño más grande que acepte cada red y dejar que la red lo reduzca, en lugar de subir algo que tenga que agrandar. Agrandar es la única operación que siempre se ve peor.

Las 3 relaciones de aspecto que lo cubren todo

Diseñe a 1080 por 1080, 1080 por 1920 y 1200 por 630 píxeles, y esos 3 archivos servirán para todas las redes principales. El número exacto de píxeles importa menos que conseguir la forma correcta, ya que las redes cambian el tamaño pero nunca la forma sin recortar.

Vale la pena conocer el formato vertical 4:5 porque ocupa más espacio vertical en un feed de desplazamiento que un cuadrado, razón por la cual muchos equipos de redes sociales lo usan por defecto para publicaciones orgánicas.

Por qué las guías quedan desactualizadas tan rápido

Las redes cambian los diseños continuamente y rara vez anuncian cambios en las dimensiones de las imágenes. Una guía escrita hace 3 años puede seguir posicionándose bien en las búsquedas mientras cita tamaños que ya no existen.

Diseñar para una relación de aspecto en lugar de para un número exacto de píxeles le protege de la mayoría de estos cambios. Una imagen cuadrada sigue siendo cuadrada cuando una red ajusta el ancho de su feed, mientras que un diseño creado para un tamaño de píxel específico puede terminar recortado o con relleno. Verifique las páginas de ayuda de la red antes de una campaña importante y trate cualquier guía, incluida esta, como un punto de partida en lugar de una especificación.

Las imágenes de vista previa de enlaces merecen la mayor atención

La tarjeta de vista previa de 1200 por 630 píxeles es la imagen que la mayoría de la gente ve, porque aparece cada vez que alguien comparte una página de su sitio. Esa imagen se define una vez en el marcado de su sitio y luego se reutiliza infinitamente.

Configúrela a través de las etiquetas meta Open Graph en la cabecera de la página. Mantenga el texto importante dentro del área central, ya que las redes recortan la tarjeta de manera diferente y los bordes no son confiables. Pruebe el resultado con el depurador de vista previa de cada red antes de confiar en él, porque una tarjeta que se ha almacenado en caché de forma incorrecta puede persistir durante días.

Imágenes de perfil y de portada

Suba fotos de perfil a 400 por 400 píxeles o más y diséñelas para que sobrevivan a un recorte circular. La mayoría de las redes muestran las imágenes de perfil como círculos, lo que elimina las esquinas de un diseño cuadrado.

• Foto de perfil: mínimo de 400 x 400, con el sujeto centrado y alejado de las esquinas.
• Portada o banner: alrededor de 1500 x 500, con el contenido importante en el tercio central.
• Cabecera de grupo o página: alrededor de 1640 x 856, se recorta mucho en dispositivos móviles.
• Banner de canal de video: alrededor de 2560 x 1440, con un área segura de aproximadamente 1546 x 423 que se muestra en todos los dispositivos.
• Todo lo anterior: mantenga el texto grande, ya que estas imágenes se muestran con frecuencia a menos de 100 píxeles de ancho.

Las redes vuelven a comprimir todo lo que sube

Cada red principal vuelve a codificar las imágenes subidas a su propio formato y calidad, por lo que sus opciones de compresión afectan a la entrada en lugar de a la salida. Subir un archivo de 5 MB no produce un mejor resultado que subir un archivo de 300 KB bien preparado.

La consecuencia práctica es que las subidas pesadas le hacen perder tiempo y su plan de datos sin mejorar nada de lo que ve un seguidor. Lo que sí mejora el resultado son las dimensiones correctas y un original limpio, ya que una red que comprime un archivo que ya es correcto lo daña menos que una red que cambia el tamaño de uno demasiado grande.

Cómo preparar un conjunto de imágenes de campaña

Para producir cada ubicación a partir de un solo diseño, siga estos 6 pasos.

1. Diseñe la maestra al tamaño más grande que necesite, normalmente 1080 por 1920 para una campaña vertical.
2. Mantenga todo el texto y los logotipos dentro de un área segura central, lejos del 15 por ciento exterior de cada borde.
3. Exporte las 3 relaciones de aspecto principales: cuadrada, vertical y ancha.
4. Cambie el tamaño de cada exportación a las dimensiones de píxeles recomendadas en lugar de subir la maestra a tamaño completo.
5. Comprima cada archivo a su objetivo, ya que los archivos más pequeños se suben más rápido y sobreviven mejor a la recompresión de la red.
6. Obtenga una vista previa de cada imagen en un teléfono antes de programarla, porque la mayoría de los espectadores nunca la verán en una computadora de escritorio.

El texto en las imágenes y dónde se recorta

Mantenga el texto dentro del 70 por ciento central del encuadre, porque cada red recorta de manera diferente y los bordes desaparecen sin previo aviso. Un titular que se encuentra cerca de la parte superior de un encuadre de historia se oculta con frecuencia detrás de la interfaz.

Las historias y los reels son el peor de los casos, ya que la parte superior e inferior de un encuadre vertical llevan detalles del perfil, subtítulos y controles. Dejar aproximadamente 250 píxeles libres en la parte superior y 300 en la parte inferior de un diseño de 1920 píxeles de alto mantiene el mensaje visible en todos los dispositivos. Realice pruebas en un teléfono real en lugar de en una vista previa de diseño.

Qué formato subir

Suba JPG para fotografías y PNG para gráficos con colores planos y texto nítido. Las redes aceptan ambos en todas partes, y la elección afecta a qué tan bien sobrevive el diseño a la recompresión de la red.

PNG es la mejor opción para un gráfico que contiene texto, un logotipo o bloques de color plano, porque la compresión JPEG produce halos tenues alrededor de los bordes nítidos que se vuelven más visibles una vez que la red vuelve a comprimir el archivo. Las fotografías son el caso contrario, donde JPEG maneja los detalles de manera eficiente y PNG produce un archivo innecesariamente pesado.

Imágenes animadas y videos cortos

Suba videos cortos en lugar de GIF animados, porque la mayoría de las redes convierten los archivos GIF a video de todos modos y la conversión es peor que una exportación adecuada. Un GIF de 3 segundos puede pesar más que una página entera de fotografías.

Cuando realmente se requiera un GIF, manténgalo por debajo de los 3 segundos, reduzca la velocidad de fotogramas a 12 o 15 fotogramas por segundo y limite las dimensiones a lo que realmente se mostrará. Esos 3 cambios suelen reducir el archivo en un 80 por ciento, lo cual es importante porque los archivos animados son lo más pesado que publican la mayoría de las cuentas de redes sociales.

Comprobación de un diseño antes de programarlo

• Vea la imagen a tamaño de teléfono, no a pantalla completa en un monitor.
• Confirme que ningún texto quede cortado en ningún borde ojalá oculto por elementos de la interfaz.
• Verifique el recorte de la foto de perfil como un círculo en lugar de un cuadrado.
• Confirme que la tarjeta de vista previa del enlace se procese correctamente en una herramienta de vista previa de red.
• Mire el tamaño del archivo, ya que cualquier cosa que supere 1 MB se sube lentamente y no aporta nada.
• Verifique el contraste tanto en modo claro como oscuro, que varias aplicaciones aplican ahora a los fondos.

Producir un mes de publicaciones en un solo lote

Cambie el tamaño y comprima todo un calendario de contenido en una sola pasada en lugar de exportar imágenes una por una. Los equipos de redes sociales suelen preparar de 20 a 60 imágenes al mes en varias ubicaciones.

Suelte hasta 500 archivos juntos, configure las dimensiones y el tamaño objetivo una vez, y cada imagen se devolverá adaptada a la misma especificación. Todo se ejecuta dentro de su navegador en su propio procesador, lo cual es importante para los activos de campaña bajo embargo. Las tomas de productos no lanzados, los diseños creativos de lanzamiento y el trabajo de los clientes permanecen en su máquina, y no se realiza ninguna solicitud de subida en ningún momento.

Mantenga las maestras en una carpeta con fecha junto a las exportaciones. Las redes cambian sus diseños, las campañas se repiten y un diseño que tiene que reconstruirse a partir de una exportación social comprimida siempre se ve peor que uno exportado de nuevo desde el original. Almacenar las maestras cuesta unos pocos megabytes y ahorra una tarde la próxima vez que cambie el tamaño de una ubicación.