# Diseño de anuncios de Facebook: creatividades que frenan el scroll [Canonical HTML page](https://gradiently.design/es/guide/facebook-ad-design) Un anuncio de Facebook recibe el mismo medio segundo que todo lo que lo rodea. La imagen tiene que ser reconocible como tuya, decir una sola cosa y dejar la venta a los textos que Meta imprime encima y debajo. ## The short version - Un buen diseño de anuncios de Facebook pone un solo mensaje en la imagen, en pocas palabras, y deja los detalles al texto principal y al titular del anuncio. - Las imágenes cuadradas de 1200×1200 o verticales de 1080×1350 encajan en el feed de Facebook, y las de 1080×1920 en historias y Reels. - Meta ya no rechaza los anuncios de imagen por la cantidad de texto que llevan, pero un texto breve en la imagen sigue leyéndose mejor en un feed en movimiento. - Los anuncios que comparten fondo, color y tipografía con las publicaciones orgánicas de una marca se reconocen antes de leer el logo. - Cada ubicación debería tener su propia versión del diseño en lugar de un recorte de una sola imagen. Un buen **diseño de anuncios de Facebook** se reduce a cuatro cosas: un solo mensaje en la imagen, dicho en pocas palabras; un estilo que la gente reconozca como tuyo antes de leer el logo; una composición clara que no compita con el titular que Meta imprime debajo; y una versión hecha para cada ubicación, de modo que el feed reciba una imagen cuadrada o vertical y las historias una vertical completa. Lo demás es probar, y eso se explica en [pruebas de creatividades publicitarias](https://gradiently.design/es/guide/ad-creative-testing). ## Tamaños de anuncios de Facebook por ubicación Las herramientas de Meta pueden recortar una imagen para todas las ubicaciones, pero el resultado rara vez es el que elegirías tú. Diseña estas tres versiones y cubrirás casi todos los sitios donde aparece un anuncio de imagen. | Ubicación | Tamaño | Proporción | Notas | | --- | --- | --- | --- | | Feed, cuadrado | 1200×1200 px | 1:1 | La opción segura, funciona casi en todas partes | | Feed, vertical | 1080×1350 px | 4:5 | Ocupa más pantalla en el móvil | | Historias y Reels | 1080×1920 px | 9:16 | Deja sin texto unos 250 px arriba y abajo | | Anuncios con enlace | 1200×630 px | Aprox. 1,91:1 | Imagen ancha sobre el titular de un enlace | El [tamaño de publicación](https://gradiently.design/es/guide/facebook-post-size) y el [tamaño de historia](https://gradiently.design/es/guide/facebook-story-size) de Facebook son los mismos marcos que usan los anuncios. - Feed cuadrado 1200×1200: 1200 × 1200 - Feed vertical 1080×1350: 1080 × 1350 - Historias y Reels 1080×1920: 1080 × 1920 Las tres formas, a escala. Un diseño compuesto para el cuadrado hay que reorganizarlo, no estirarlo, para las otras dos. ## Qué va en la imagen y qué va en el texto Un anuncio del feed es más que su imagen. Meta muestra encima el nombre de tu página y el texto principal, y debajo un titular y un botón. La imagen no debería repetir esas palabras; debería hacer lo que el texto de al lado no puede: frenar el scroll y hacer que la oferta se sienta real. ### En la imagen - La idea única, en unas ocho palabras como mucho - El producto, el resultado o la sensación - Tu fondo y tus colores reconocibles - Un logo pequeño, si la marca no es evidente ### En el texto del anuncio - Texto principal: el motivo para que importe, una o dos líneas - Titular: la oferta o el resultado, sin rodeos - Botón: Comprar, Reservar, Más información - Detalles, condiciones y fechas Un anuncio vertical para el feed de Facebook que anuncia Vuelve la mezcla de invierno, con Lote pequeño encima Versión para el feed: una línea, un detalle y el fondo haciendo el trabajo de reconocimiento. El mismo anuncio de café como historia vertical de 1080 por 1920, con el texto centrado en el marco La versión para historias del mismo anuncio, recompuesta con el texto en la franja central. ## Cuánto texto debe llevar la imagen de un anuncio de Facebook Meta limitaba antes el texto a una quinta parte de la imagen y eliminó esa regla en 2020. Sus recomendaciones siguen favoreciendo las imágenes con poco texto, y el sentido común también: un anuncio se lee en movimiento, en un móvil, junto a un titular que ya existe. Apunta a una sola línea breve y, como mucho, un detalle más pequeño. > **Ser breve es una decisión de diseño** Si tu mensaje necesita tres frases, su sitio es el texto principal. La línea de la imagen es el titular del titular. [Jerarquía de texto en publicaciones para redes](https://gradiently.design/es/guide/text-hierarchy-social) explica cómo ordenar lo que queda. El texto que haya debe leerse sobre cualquier parte del fondo. Un degradado o una foto clara en una esquina y oscura en otra puede tragarse una palabra que cruce el límite. Mantén una zona tranquila y uniforme detrás de la línea y comprueba el contraste a tamaño de móvil. ## Cómo hacer que tus anuncios se reconozcan como tuyos La gente pasa de largo los anuncios que cree haber juzgado ya. Un anuncio que se parece a tus publicaciones orgánicas toma prestada la confianza que esas publicaciones se ganaron; uno que parece una plantilla genérica no toma nada. El camino más rápido al reconocimiento es un fondo y un color constantes, usados en todas partes. [Activos de marca distintivos](https://gradiently.design/es/guide/distinctive-brand-assets) explica por qué un estilo puede trabajar más que un logo. - Tueste molido: #1a120b - Cacao: #5c3d2e - Luz cobriza: #b5651d - Crema: #e8c39e - Tinta papel: #f4ede4 La paleta de anuncios de un tostador de café, la misma que usa en sus publicaciones y su packaging. El reconocimiento nace de la repetición, no de la novedad. - Usa la misma familia de fondos en todos los anuncios y varía el mensaje y el producto, no el estilo. - Mantén el logo pequeño y siempre en la misma esquina; el fondo hace el trabajo pesado. - Usa tus fuentes de verdad, no la que te sugiera la herramienta de anuncios. - Muestra el producto real o un resultado real siempre que puedas; la gente confía en lo que parece lo que va a recibir. ## Cómo producir una serie de anuncios de Facebook 1. **Escribe tres mensajes** Tres motivos distintos por los que alguien podría comprar: el producto, el resultado, la ocasión. Cada uno se convierte en un anuncio. 2. **Diseña primero la versión vertical del feed** 1080×1350 da el máximo espacio en el móvil y te obliga a mantener el mensaje breve. 3. **Haz las versiones cuadrada y vertical completa** Vuelve a componer cada mensaje a 1200×1200 y 1080×1920 en lugar de recortar, para que el texto nunca quede bajo la interfaz. 4. **Escribe un texto que complemente la imagen** El texto principal añade el porqué; el titular nombra la oferta. Ninguno repite palabra por palabra la línea de la imagen. 5. **Previsualiza en todas las ubicaciones** El administrador de anuncios de Meta muestra cada ubicación. Míralas todas en un móvil antes de publicar. Gradiently hace rápido el paso de los tamaños: diseña el anuncio una vez y, con Pro, adáptalo a todas las ubicaciones de una sola vez; el Mark se renderiza de nuevo en cada forma, con su zona tranquila desplazándose detrás del texto. También puedes pedirle al Designer tres mensajes con la voz de tu kit de marca y que los componga en tu Mark. La misma serie se adapta al [diseño de anuncios de Instagram](https://gradiently.design/es/guide/instagram-ad-design), ya que ambos pasan por el administrador de anuncios de Meta. ## FAQ ### ¿Qué tamaño debe tener la imagen de un anuncio de Facebook? Usa 1080×1350 para anuncios verticales en el feed o 1200×1200 para cuadrados, y 1080×1920 para las ubicaciones de historias y Reels. ### ¿Sigue existiendo la regla del 20 por ciento de texto en Facebook? No. Meta eliminó la regla en 2020, pero sigue recomendando que el texto de las imágenes de anuncios sea breve, y un texto breve se lee mejor en un feed. ### ¿La imagen de un anuncio de Facebook debe repetir el titular? No. Meta imprime el titular debajo de la imagen, así que usa la imagen para una línea breve que frene el scroll y deja que el titular nombre la oferta. ### ¿Cómo hago que mis anuncios de Facebook se parezcan a mi marca? Usa en todos los anuncios el mismo fondo, colores y fuentes que en tus publicaciones orgánicas, y mantén un logo pequeño en una esquina fija. ### ¿Puedo usar una sola imagen para todas las ubicaciones de Facebook? Meta puede recortar una imagen automáticamente, pero hacer una versión para el feed y otra para historias te da el control sobre dónde queda el texto.