1200 x 628 vs 1200 x 627: ¿Cuál es el tamaño correcto?

Si alguna vez has intentado hacer una imagen de vista previa de enlace, probablemente te hayas topado con esto: una guía dice 1200 x 628, otra dice 1200 x 627, la propia documentación de Facebook dice 1200 x 630, y tu plantilla de diseño está configurada para algo completamente diferente. Los cuatro se ven idénticos. Entonces, ¿cuál es realmente el correcto?

Respuesta corta: todos están bien. Todos son aproximaciones de la misma relación de aspecto, y la diferencia entre ellos es de tres píxeles en una imagen de 630 píxeles de alto, aproximadamente la mitad de uno por ciento. Pero vale la pena entender de dónde vienen los números, porque saberlo te evita exportar el mismo banner cinco veces.

Todos intentan alcanzar 1.91:1

El protocolo Open Graph, el conjunto de metaetiquetas que Facebook, LinkedIn, Slack, iMessage y la mayoría de otras plataformas leen para construir una vista previa de enlace, recomienda una imagen con una relación de aspecto 1.91:1. Eso es todo. 1.91 ya es un número redondeado, así que cuando diferentes empresas lo multiplican, llegan a lugares ligeramente diferentes:

• 1200 ÷ 1.91 = 628.27 → redondea a 1200 x 628
• 1200 x 630 = exactamente 1.905:1 → recomendación documentada de Facebook
• 1200 x 627 = 1.914:1 → tamaño publicado de larga data de LinkedIn
• 1200 x 625 = exactamente 1.92:1 → aparece en plantillas antiguas

Ninguno de estos es "incorrecto". Son artefactos de redondeo de la misma especificación. Los rastreadores no rechazan una imagen por estar tres píxeles fuera; solo necesitan que el archivo tenga al menos 200 x 200 e idealmente 1200px de ancho para que se renderice nítido en pantallas de alta densidad.

¿Importa alguna vez la diferencia de 3 píxeles?

En la práctica, solo en una situación: cultivos ajustados. Las plataformas no muestran tu imagen en su tamaño nativo, la ajustan a cualquier diseño de tarjeta que usen ese mes, y los bordes se recortan. Si tu texto de titular llega justo hasta la parte superior del marco, una imagen de 1200 x 628 recortada a una tarjeta de 1.78:1 lo recortará, y también lo haría 1200 x 630.

La solución no es elegir el recuento de píxeles "correcto". Es dejar un margen de seguridad: mantén logotipos y texto dentro del ~90% central del lienzo y nada importante dentro de 60px de ningún borde. Entonces realmente no importa cuál de los tres tamaños exportes.

Cómo hacer una imagen que funcione en todas partes

Mi recomendación: construye a 1200 x 630. Es el tamaño documentado de Facebook, está dentro de un pequeño margen de 1.91:1, y es un número par, lo que evita un renderizado impar de medio píxel en algunos editores. Luego reutiliza ese mismo archivo para LinkedIn, Slack, Discord y etiquetas Open Graph en general.

Si ya tienes una imagen con las dimensiones incorrectas, aquí está la forma rápida de arreglarlo sin instalar nada:

1. Abre la herramienta de recorte y recorta tu foto de origen a una forma aproximadamente 1.91:1 primero. Este es el paso que la gente se salta, si pasas directamente al cambio de tamaño, una foto 4:3 se comprime y los rostros se ven sutilmente mal.
2. Lleva el archivo recortado a la herramienta de cambio de tamaño y configúrala a 1200 x 630 (o 628, o 627, elige una y continúa).
3. Exporta como JPG para fotos, PNG solo si necesitas texto nítido o transparencia detrás de un logotipo. El convertidor de imágenes maneja ese cambio si tu fuente es PNG, WebP o HEIC.

Todo sucede dentro de tu navegador en cutbg, el archivo nunca sale de tu computadora, no hay cola de carga y no hay cuenta. Eso importa más de lo que la gente se da cuenta para capturas de productos no lanzadas o trabajo de cliente que aún no has anunciado.

Ten en cuenta también el tamaño del archivo

Las plataformas tienen límites de carga y búsqueda: Facebook limita las imágenes de Open Graph a 8MB, y algunos rastreadores se rinden silenciosamente con cualquier cosa lenta para descargar. Un JPG de 1200 x 630 debería comodamente aterrizar entre 100KB y 300KB. Si tu exportación es un PNG de varios megabytes, pásalo por el compresor primero. Los archivos más pequeños también significan que la vista previa realmente aparezca en lugar de mostrar una tarjeta en blanco mientras el rastreador se agota.

Si la vista previa sigue mostrando la imagen antigua

Esto casi nunca es un problema de tamaño. Facebook, LinkedIn y Twitter cachean las vistas previas raspadas agresivamente. Después de reemplazar el archivo, ejecuta la URL a través del depurador propio de la plataforma (Depurador de Uso Compartido de Facebook, Inspector de Publicaciones de LinkedIn) para forzar un re-raspado. Cambiar tu imagen de 1200 x 627 a 1200 x 628 no solucionará una vista previa en caché, solo limpiar el caché lo hará.

Entonces: deja de agonizar sobre el último píxel. Elige 1200 x 630, mantén tu texto alejado de los bordes, mantén el archivo bajo unos cientos de KB, y estarás cubierto en todas las plataformas que leen etiquetas Open Graph.