Guía de usuario

Añadir un logotipo cuadrado y un logotipo ancho

Sube una marca cuadrada y un logotipo ancho con el nombre, recórtalos y gíralos en la app, guarda varias variantes y descubre cuál imprime cada plantilla PDF.

Actualizado: 2026-09-09

La mayoría de las empresas tienen su logotipo en más de una forma. Hay una marca compacta que cabe en un círculo o en un cuadrado, y hay una versión más larga con el nombre de la empresa escrito al lado. Invoice Flow conserva ambas, en dos huecos separados del perfil de empresa, porque cumplen funciones distintas: la marca cuadrada es tu avatar dentro de la app y el elemento que imprimen algunos diseños PDF personalizados, mientras que la versión ancha es la que las doce plantillas de factura integradas colocan en el encabezado. Si solo tienes un archivo, aun así puedes rellenar los dos huecos con él: la pantalla de recorte te permite sacar un cuadrado de un banner ancho, o una franja ancha de un cartel.

Esta guía sigue a Tidewater Brewing Company, una pequeña cervecería de Portland, Maine, que reparte barriles a los bares de la zona del Old Port. Su propietaria, Nora Quinlan, tiene una insignia verde redonda con las letras TB y un logotipo ancho con el nombre. Quiere la insignia en la app y en la factura de estilo oficio que acompaña las entregas de barriles, y el logotipo ancho en la factura más limpia que envía a los restaurantes.

La configuración del resto del perfil tiene su propia guía; esta cubre la fila del logotipo, la pantalla de recorte que hay detrás y cómo las plantillas PDF eligen entre las dos imágenes.

Qué ves en la pantalla

Abre Ajustes (Settings) y toca el mosaico del perfil en la parte superior (o Perfiles de empresa (Business Profiles) y luego un perfil). El formulario que se abre se titula Editar perfil de empresa (Edit Business Profile), y su primera fila es la fila del logotipo. En el primer arranque, la misma fila aparece en la segunda página de la configuración inicial.

La fila tiene dos huecos:

• A la izquierda, un mosaico cuadrado. Encima hay un pequeño desplegable que muestra v.1 · 1:1 y enumera tres variantes cuadradas. El hueco cuadrado siempre recorta a 1:1 y el tamaño sugerido es 1200×1200 px.
• A la derecha, un mosaico más ancho que ocupa el resto de la fila. Su desplegable muestra 4:1 · 1200×300 px por defecto y ofrece cuatro formas: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px y 16:9 · 1920×1080 px.

Un mosaico vacío muestra un icono de cámara con un signo más y un botón Añadir (Add) debajo. Una vez que hay una imagen en el hueco, el mosaico la muestra con sus proporciones reales sobre un fondo tintado y el botón cambia a Cambiar (Change). En cada desplegable, un círculo con marca de verificación relleno delante de una entrada significa que esa variante ya tiene imagen; un círculo hueco significa que está vacía.

Cómo subir un logotipo a un hueco

El proceso es el mismo para ambos huecos; solo cambia la forma del recorte.

1. En el editor de perfil, toca el mosaico vacío o su botón Añadir. La app abre directamente tu galería de fotos (no hay opción de cámara para los logotipos; haz la foto antes si la necesitas).
2. Elige la imagen: un PNG, un JPEG o una captura de tu membrete. El selector acepta hasta 2048 px por lado para el hueco cuadrado y 4096 px para el hueco ancho.
3. Se abre la pantalla Recortar imagen (Crop image) con un marco bloqueado a la forma del hueco. Arrastra con un dedo para mover la imagen, pellizca con dos dedos para hacer zoom o usa los botones de la parte inferior (consulta la sección siguiente).
4. Toca la marca de verificación de la esquina superior derecha. La app renderiza el marco a un PNG y vuelve al editor de perfil, donde el mosaico ahora muestra tu recorte y el botón indica Cambiar.
5. Desplázate hasta abajo y toca Guardar cambios (Save Changes) (o Continuar (Continue) durante la configuración inicial). Hasta que lo hagas, el logotipo solo existe en el formulario abierto; salir de la pantalla lo descarta, y la app te avisa de los cambios sin guardar al salir.

Para rellenar el otro hueco con el mismo archivo, repite los pasos en el otro mosaico y vuelve a elegir la imagen. Nora elige la insignia para el hueco cuadrado y un banner con la insignia y el nombre para el hueco ancho, y luego desliza el banner dentro del marco 4:1.

Cómo recortar, girar y recolocar

La pantalla de recorte es negra con el marco de recorte en el centro. Todo lo que se ve dentro del marco acaba en el logotipo, y eso incluye el tablero de ajedrez claro que se muestra detrás de las zonas transparentes: la imagen guardada es un PNG plano, no transparente. Una fina cuadrícula blanca de regla de los tercios te ayuda a alinear el texto con los bordes.

Los seis iconos de la parte inferior no tienen etiquetas de texto; una pulsación larga muestra el nombre. De izquierda a derecha:

1. Toca primero Ajuste automático si la imagen tiene espacio vacío alrededor. El botón está desactivado un momento después de abrirse la pantalla, mientras la app lee el tamaño de la imagen.
2. Arrastra la imagen para que la parte que quieres quede dentro del marco. Pellizca para acercar una marca pequeña o para alejar e incluir más.
3. Si la fuente se fotografió de lado, toca Rotar una o dos veces. Un giro con dos dedos también rota libremente en cualquier ángulo; úsalo para enderezar un escaneo ligeramente inclinado.
4. Toca Centrar para devolver la imagen al centro cuando estés satisfecho con el zoom, o uno de los dos botones de un solo eje si solo se ha desplazado en una dirección.
5. Toca Restablecer para empezar de nuevo, o la X de la esquina superior izquierda para dejar el hueco sin cambios.
6. Toca la marca de verificación para conservar el recorte.

Para volver a recortar un logotipo que ya está en un hueco, toca Cambiar y elige Recortar imagen. La pantalla de recorte se abre con la imagen almacenada, que es el recorte anterior, no el original: si la primera vez cortaste demasiado, usa Reemplazar imagen (Replace image) y vuelve a elegir el original.

Cómo reemplazar, volver a recortar o eliminar un logotipo

Una vez que un hueco tiene imagen, el botón Cambiar ya no salta directamente a la galería. Abre una pequeña hoja inferior con tres opciones.

1. Toca Cambiar bajo el hueco que quieres editar.
2. Elige Reemplazar imagen para seleccionar un archivo nuevo de la galería y recortarlo, Recortar imagen para volver a abrir la pantalla de recorte con la imagen actual, o Eliminar (Delete) para vaciar el hueco.
3. Para Eliminar, confirma en el cuadro de diálogo titulado ¿Eliminar esta entrada? (Remove this entry?) tocando el botón rojo Eliminar, o vuelve atrás con Cancelar (Cancel).
4. Toca Guardar cambios al final del formulario. Como indica el texto del cuadro de diálogo, la eliminación solo se aplica cuando se guarda el formulario.

Eliminar afecta a una variante, la seleccionada actualmente en el desplegable de ese hueco. Si el hueco ancho muestra 4:1 y eliminas, la versión 16:9 que subiste antes queda intacta.

Cómo conservar más de una versión de un logotipo

Cada hueco almacena varias imágenes independientes. El hueco cuadrado tiene tres versiones numeradas (v.1, v.2, v.3), todas 1:1, y el hueco ancho tiene una imagen por relación de aspecto. El desplegable encima del mosaico hace dos cosas a la vez: cambia qué imagen muestra y edita el mosaico, y marca esa imagen como la activa, la versión que usa el resto de la app.

1. Abre el desplegable encima del hueco y elige una entrada vacía (círculo hueco), por ejemplo v.2 · 1:1 o 16:9 · 1920×1080 px.
2. El mosaico queda vacío y el botón indica Añadir. Tócalo, elige la imagen, recórtala en el marco de esa forma y confirma.
3. Vuelve a abrir el desplegable y selecciona la entrada que quieras como predeterminada para el día a día. Esa entrada se convierte en la variante activa.
4. Toca Guardar cambios.

Nora mantiene la insignia estándar en v.1 y una versión de invierno en v.2; en diciembre cambia el desplegable a v.2 y guarda. En el hueco ancho tiene el logotipo con el nombre en 4:1 y una versión apilada en 16:9.

Cambiar el desplegable ancho nunca reforma una imagen existente; elegir 2:1 simplemente muestra la imagen 2:1, esté vacía o no. Para el mismo diseño en una segunda forma, súbelo de nuevo bajo esa forma.

Cómo deciden las plantillas qué logotipo imprimir

Hay dos familias de diseños PDF en Invoice Flow, y tratan los dos huecos de forma distinta.

Las plantillas integradas (Clean, Professional, Modern, Classic y el resto de las doce que eliges en Seleccionar plantilla (Select Template) en el editor de facturas) siempre imprimen el logotipo ancho. La imagen se coloca en una caja de 60×60 pt en el encabezado con sus proporciones conservadas, así que un logotipo 4:1 se convierte en una franja de 60 pt de ancho y 15 pt de alto, situada encima o al lado de los datos de la empresa según la plantilla. Estas plantillas nunca usan la marca cuadrada.

Las plantillas personalizadas de la galería de plantillas y del editor visual contienen elementos separados llamados Logotipo cuadrado (Square logo) y Logotipo ancho (Wide logo). Un diseño imprime los elementos que contenga. De los ajustes preestablecidos listos para usar, por ejemplo, Trades, Clean (en el grupo Modern), Centered y Dense colocan la marca cuadrada, mientras que Business, Services, Accent stripe, Statement y Airy colocan la ancha. El elemento cuadrado se imprime a 60×60 pt; el elemento ancho tiene 40 pt de alto y todo el ancho que permitan sus proporciones, lo que se adapta a un logotipo con nombre mucho mejor que la caja del encabezado de las plantillas integradas.

Para renderizar una factura con un diseño de logotipo cuadrado, abre Ajustes, luego Plantillas personalizadas (Custom templates), elige un ajuste preestablecido en la Galería de plantillas (Template gallery) (o crea el tuyo con un elemento Logotipo cuadrado) y toca Usar (Use). Después, en el editor de facturas, elige esa plantilla en la tarjeta Plantilla personalizada (Custom template) bajo Seleccionar plantilla. Las guías sobre plantillas y sobre el editor de plantillas personalizadas lo explican en detalle.

Para el hueco ancho hay un control más en el editor de facturas. Cuando tu perfil tiene dos o más versiones anchas subidas, aparece una tarjeta Variante de logo (Logo variant) debajo de la selección de plantilla con una miniatura por relación de aspecto y un botón Usar predeterminado del perfil (Use profile default). Tocar una miniatura hace que esa factura imprima esa versión en lugar de la activa del perfil; la elección se guarda con la factura. Existe una tarjeta equivalente Variante de logo cuadrado (Square logo variant) para las tres versiones cuadradas.

Reglas y detalles

• Nada relacionado con los logotipos se guarda hasta que tocas Guardar cambios o Continuar. Añadir, recortar, eliminar y cambiar la variante activa viven en el formulario abierto hasta entonces.
• El recorte de cada hueco está bloqueado a su forma: 1:1 para el hueco cuadrado, y la relación de aspecto elegida actualmente en el desplegable para el hueco ancho.
• El recorte se renderiza desde la pantalla a entre dos y cuatro veces la densidad de la pantalla. En un teléfono típico eso da un logotipo cuadrado de aproximadamente 2000 px, suficientemente nítido para imprimir. La salida es un PNG sin pérdida, pero se captura con el fondo claro del marco detrás, así que las zonas transparentes de la fuente salen como el patrón de tablero de ajedrez pálido en lugar de como transparencia, y las tenues líneas de la cuadrícula también pueden capturarse.
• La variante cuadrada activa es lo que la app muestra como tu avatar en el mosaico del perfil de Ajustes y en la lista de Perfiles de empresa. Si no existe ningún logotipo cuadrado, el avatar recurre al logotipo ancho y, después, a tus iniciales.
• Duplicar un perfil desde la lista de Perfiles de empresa copia todas las versiones de logotipo al perfil nuevo.
• Las plantillas integradas solo imprimen el logotipo ancho. Si la versión ancha activa está vacía, el encabezado simplemente no tiene logotipo; la marca cuadrada no lo sustituye.
• En las plantillas personalizadas, el elemento Logotipo cuadrado imprime la variante cuadrada activa del perfil. La tarjeta por factura Variante de logo cuadrado establece un valor en la factura, pero el renderizador personalizado actualmente lee la variante activa del perfil en lugar de esa anulación; la anulación Variante de logo para logotipos anchos sí la respetan ambas familias de plantillas.
• Las herramientas de logotipo en sí no están restringidas, pero abrir el editor de perfil desde Ajustes requiere una prueba activa o una suscripción Pro, como las demás pantallas de Ajustes.
• Los perfiles creados en versiones antiguas de la app que tenían un único campo de logotipo siguen funcionando: esa imagen se carga en el hueco ancho (bajo la relación de aspecto activa) hasta que la reemplaces. El hueco cuadrado empieza vacío.

Consejos

Guías relacionadas

• Configura tu perfil de empresa
• Plantillas PDF, paletas y fuentes
• Editor de plantillas personalizadas