Identidad de página · Revisión de recorte
Generador de portadas de Facebook: revisa el recorte de tu página
Una portada puede verse equilibrada en formato ancho y perder sus palabras principales en una vista más estrecha. La foto de perfil también puede competir con la composición. Generar otra imagen, por sí solo, quizá no resuelva ese problema de colocación.
La solicitud original se atascó sin portada guardada y la detuvimos. Después creamos fuera de Ciyo el diseño frágil, el SVG revisado y el tablero de simulación rotulado, e importamos tres PNG para revisarlos en el lienzo real. El texto sigue editable en los SVG externos. Ninguna simulación es una plantilla Meta vigente verificada ni una vista previa de una cuenta de Facebook.
Respuesta rápida: centra el mensaje esencial y comprueba la página
Crea un original con espacio alrededor del nombre del negocio y su mensaje breve. Prueba una vista ancha, un recorte estrecho y un círculo de perfil superpuesto. Cambia la composición si desaparecen palabras esenciales.
Estas pruebas detectan fragilidad evidente; no certifican el diseño actual de Facebook. Antes de actualizar, revisa la vista previa real en los dispositivos de tu público. Mantén también los datos de contacto en campos accesibles.
1. Elige la superficie y las palabras aprobadas
La portada de una página de negocio es una pieza de identidad persistente. No cumple la misma función que un anuncio en el feed o una portada de evento. Confirma el destino antes de escoger dimensiones o copiar una plantilla de terceros.
Fern Repair usa la frase ficticia «Dale otra temporada a lo que vale la pena». Omitimos teléfono, dirección y horarios porque no se aprobaron. En un negocio real, conserva los datos cambiantes en campos y textos de la página, sin depender de letras diminutas en la portada.
2. Construye un original flexible
Pide texto editable e ilustración original sencilla, dejando márgenes generosos alrededor del mensaje. El carrete y la hoja dibujados con código identifican el servicio sin sugerir que se fotografió un taller real.
Un original ráster sirve para subirlo, pero guarda su fuente SVG para corregir el texto. No supongas que el nombre generado por un modelo estará bien escrito ni que se convertirá en una capa editable.
Para repetir la importación, descarga las vistas PNG en inglés, abre tu proyecto de Ciyo y elige Upload en la barra del lienzo, después Upload Image y los archivos. Ordena las imágenes para revisarlas. Edita el texto del SVG fuera de Ciyo y renderiza otro PNG antes de sustituirlo; importar PNG no crea capas de texto nativas.
Crea un original ancho para Fern Repair, negocio ficticio, con estas palabras: Fern Repair / Dale otra temporada a lo que vale la pena. Usa un carrete y una hoja originales, marfil, verde oscuro y ámbar. Conserva SVG con texto editable y PNG. Muestra una versión frágil con el titular a la derecha y otra revisada con el mensaje central. Prepara simulaciones anchas y estrechas claramente etiquetadas, con un círculo ilustrativo abajo a la izquierda. No son plantillas oficiales de Meta. No actualices una página real.3. Compara una composición frágil con la revisión
Coloca un titular candidato en el extremo derecho y observa un recorte más estrecho. Si desaparecen el nombre o el final de la frase, el mensaje depende demasiado de la anchura completa. Acerca las palabras esenciales al centro y reduce la competencia decorativa.
El círculo es una prueba de solapamiento, no una medición de la posición de la foto de perfil en todos los dispositivos. Mantén visible la etiqueta de simulación cuando compartas la revisión para que nadie la confunda con una especificación oficial.
| Vista | Pregunta | Cambio si falla |
|---|---|---|
| Recorte ancho | ¿Está equilibrada la portada? | Reequilibra el arte sin llevar lo esencial al borde |
| Recorte estrecho | ¿Se conservan completos el nombre y el mensaje? | Acerca el texto al centro o acórtalo |
| Círculo superpuesto ilustrativo | ¿Tapa contenido esencial? | Deja más espacio alrededor del mensaje |
- Descargar fuente editorial en inglés: cover-fragile.svg
- Descargar fuente editorial en inglés: cover-revised.svg
- Descargar fuente editorial en inglés: crop-simulations.svg
- Descargar vista PNG en inglés: cover-fragile.png
- Descargar vista PNG en inglés: cover-revised.png
- Descargar vista PNG en inglés: crop-simulations.png
4. Inspecciona la vista previa actual del destino
En la vista previa actual de tu página, revisa la carga o el cambio de portada antes de guardar una actualización pública. Comprueba nombre, saltos de línea, nitidez y solapamientos. Compara móvil y escritorio cuando sea posible.
Si el diseño real difiere de la simulación, da prioridad al destino y corrige el original. Este tutorial no publica una portada ni afirma haber probado una página real de Fern Repair. No presentes un rectángulo de píxeles como seguro en todas partes.
5. Mantén útil la página sin depender de la imagen
El visitante debe encontrar la identidad y la vía de contacto aunque la portada esté oculta, sea ilegible o no cargue. Repite lo importante en los campos accesibles pertinentes. No dejes el único teléfono en una línea decorativa pequeña.
Si trabajas solo, elige un mensaje estable sobre el servicio. En equipo, guarda juntos el original aprobado, la exportación y la fecha de revisión en dispositivos. Vuelve a comprobar el destino tras cambios importantes de plataforma o diseño.
Preguntas prácticas
¿Cuál es la zona segura universal de una portada de Facebook?
Esta guía no afirma que exista una. No se verificaron la especificación oficial vigente ni una vista previa autenticada; los recortes son pruebas de resistencia de la composición.
¿Puedo usar el tablero de recortes como plantilla de carga?
Úsalo para entender el riesgo de colocación. Define las dimensiones finales con la guía vigente y revisa la vista previa de tu página.
¿Actualizará Ciyo mi página de negocio?
El proceso prepara y revisa archivos creativos. No demuestra vinculación de cuentas ni publicación en Facebook.
¿Por qué conservar el contacto fuera de la portada?
El texto y los campos de contacto siguen siendo útiles si la imagen se recorta o resulta inaccesible. La portada no debe ser la única fuente de información esencial.
Revisa la portada antes de cambiar la página
Reúne el texto aprobado y los requisitos vigentes; después prueba el original y la vista previa real de carga.