Almacén de medios

El Almacén de medios es la biblioteca de imágenes integrada de tu proyecto. Sube imágenes, importa fotos de stock gratuitas o genera imágenes con IA. Después, reutilízalas en notificaciones push, push web, correos electrónicos, mensajes in-app, Cloud Pages y otros contenidos, directamente en el editor o a través de una URL estable.

Para abrir el Almacén de medios, ve a Contenido > Almacén de medios en el Panel de Control de Pushwoosh. La página tiene tres pestañas:

• Biblioteca: las imágenes ya almacenadas en el proyecto.
• Fotos de stock: busca fotos gratuitas de Pexels y guárdalas en la biblioteca.
• Generar con IA: describe una imagen y guarda el resultado en la biblioteca.

Quién puede añadir y eliminar imágenes

Para añadir imágenes (subida, importación de stock, generación con IA), crear recortes o eliminar imágenes, necesitas el permiso Modify applications para el proyecto. Con acceso de solo lectura puedes explorar la biblioteca y elegir imágenes, pero no modificar la biblioteca. Consulta Gestionar el acceso y los permisos de los usuarios.

Subir imágenes

Para subir imágenes al Almacén de medios:

• Arrastra y suelta uno o más archivos de imagen en el área de subida.
• Haz clic en el área de subida para abrir el selector de archivos y seleccionar imágenes de tu dispositivo.

Nota

Puedes subir hasta 5 imágenes a la vez. El Almacén de medios acepta JPG, PNG, WebP y GIF. Otros tipos de archivo son ignorados.

Límites de tamaño:

• JPG, PNG y WebP de hasta 10 MB cada uno.
• GIF de hasta 10 MB.

Cuando la subida finalice, tus imágenes aparecerán en la cuadrícula de abajo, con las más recientes primero, y puedes hacer clic en Anterior o Siguiente para navegar por páginas más antiguas si es necesario.

Comprimir imágenes PNG al subirlas

La compresión PNG reduce el tamaño de las imágenes PNG cuando se añaden a la biblioteca. Pushwoosh reduce el número de colores de la imagen y conserva la transparencia. La compresión es con pérdida, pero la diferencia no suele ser visible. Está desactivada de forma predeterminada y se configura por separado para cada proyecto.

Para cambiar este ajuste, necesitas el permiso Modify applications para el proyecto.

Para activar la compresión PNG:

1. En la página del Almacén de medios, haz clic en Configuración en la esquina superior derecha, a la derecha del título de la página.
2. En la ventana Configuración del almacenamiento de medios, activa Comprimir imágenes PNG al subirlas.
3. Haz clic en Guardar.

Con el ajuste activado, Pushwoosh comprime cada PNG nuevo después de que supere los límites de tamaño. Esto abarca:

• Los archivos PNG que subes desde tu dispositivo.
• Las imágenes PNG enviadas desde Figma e importadas desde Canva.
• Los recortes de imágenes PNG y WebP, porque esos recortes se guardan como PNG.

Pushwoosh almacena los archivos JPG, WebP y GIF tal cual. No comprime los PNG animados ni las imágenes que ya están en la biblioteca.

Si un PNG no se puede comprimir, Pushwoosh almacena el archivo original y la subida se completa igualmente.

Cuando subes PNG desde tu dispositivo, el mensaje de confirmación muestra el porcentaje y la cantidad de espacio que ahorró la compresión, por ejemplo Imagen subida. PNG comprimido: ahorro del 63 % (81.2 KB). En una subida de varios archivos, las cifras solo cubren los PNG que se redujeron. El mismo mensaje aparece cuando subes imágenes en el selector de imágenes de un editor.

Enviar imágenes desde Figma

Para enviar frames de un archivo de Figma sin exportarlos antes, usa el plugin de Pushwoosh para Figma. Consulta Integración con Figma.

Importar diseños desde Canva

Para importar páginas de tus diseños de Canva, haz clic en Importar desde Canva junto al área de subida. Después de conectar Canva, también puedes abrir imágenes almacenadas en el editor de Canva con Editar en Canva y empezar nuevos diseños con Crear en Canva. Consulta Integración con Canva.

Buscar una imagen por nombre de archivo

Escribe parte de un nombre de archivo en el campo Buscar por nombre de archivo sobre la cuadrícula y pulsa Intro. La búsqueda no distingue entre mayúsculas y minúsculas y abarca toda la biblioteca, no solo la página actual. Vacía el campo para volver a mostrar todas las imágenes.

De dónde proviene una imagen

Una insignia en el mosaico muestra cómo llegó una imagen a la biblioteca:

• AI: generada en la pestaña Generar con IA.
• Pexels: importada desde la pestaña Fotos de stock.
• Canva: importada o editada con la integración con Canva.
• Figma: enviada con el plugin de Pushwoosh para Figma.

Las imágenes subidas desde tu dispositivo no tienen insignia.

Una insignia como 2 vers. significa que la imagen tiene varias versiones, que aparecen cuando se vuelve a enviar un frame de Figma o cuando la imagen se edita en Canva. El mosaico muestra la versión más reciente. Cada versión tiene su propia URL, por lo que el contenido que usa una versión anterior sigue mostrando esa versión.

Usar una versión anterior de una imagen

Para ver todas las versiones de una imagen y elegir una de ellas:

1. Haz clic en la insignia N vers. del mosaico. Se abrirá el panel Versiones con la versión más reciente, marcada como actual, en la vista previa.
2. En Todas las versiones, haz clic en la versión que quieras. La lista empieza por la versión más reciente. La vista previa muestra la versión seleccionada con su tamaño en píxeles y el tamaño del archivo.
3. Haz clic en Usar esta versión.

En la página del Almacén de medios, Usar esta versión copia la URL de la versión seleccionada, igual que el botón Seleccionar. En el selector de imágenes de un editor, inserta la versión seleccionada en el campo.

Añadir una foto de stock de Pexels

La pestaña Fotos de stock busca en la biblioteca de fotos gratuitas de Pexels. Las fotos de stock no cuentan para el límite diario de imágenes con IA.

1. Abre la pestaña Fotos de stock.
2. Introduce lo que buscas, por ejemplo summer sale, y haz clic en Buscar.
3. Haz clic en una foto.

Pushwoosh copia la foto en tu biblioteca con la insignia Pexels. Debajo de cada resultado de búsqueda, el nombre del fotógrafo enlaza a su perfil de Pexels, y la pestaña acredita a Pexels como proveedor de las fotos. Si nada coincide con tu consulta, la pestaña muestra No se encontró nada: prueba con otra consulta.

Si tu plan no incluye imágenes con IA, la búsqueda de fotos de stock también está desactivada. Consulta Límite diario de imágenes con IA.

Generar una imagen con IA

La pestaña Generar con IA crea una imagen a partir de una descripción de texto y la guarda en tu biblioteca.

1. Abre la pestaña Generar con IA.
2. Describe la imagen, por ejemplo flat-lay of summer picnic essentials on a pastel background.
3. Elige una relación de aspecto. Cuando abres esta pestaña desde un editor, la lista ofrece solo las relaciones que se ajustan al campo, por lo que puede ser más corta o no aparecer.
4. Elige cuántas imágenes generar: 1 × imagen, 2 × imagen o 4 × imagen.
5. Haz clic en Generar.

Cada imagen generada se guarda en la biblioteca con la insignia AI, la uses o no. Para obtener un nuevo resultado con la misma descripción, haz clic en Generar de nuevo.

Si el proyecto tiene un Brand book, Pushwoosh añade sus colores y su tono de voz a la descripción, de modo que las imágenes generadas siguen el estilo de tu marca.

Generar una imagen para una notificación push

Para generar una imagen que se ajuste al mensaje de un push:

1. En un preset de push que ya tenga título o texto, abre el selector de imágenes de Banner URL, Icono o la imagen del inbox.
2. Abre la pestaña Generar con IA. La casilla Ajustar al mensaje push está marcada de forma predeterminada.
3. Describe la imagen y haz clic en Generar.

Con la casilla marcada, Pushwoosh genera una imagen que ilustra el mensaje. Pushwoosh no incluye el texto del mensaje en la imagen a menos que tu descripción lo pida. En un preset multilingüe, el título y el texto se toman del idioma predeterminado o del primer idioma en el que estén rellenados.

Usar tus imágenes como referencia de estilo

Una referencia de estilo es una imagen de tu biblioteca que indica a la IA el aspecto que quieres. La imagen generada adopta los colores, la iluminación, la técnica de renderizado y el ambiente de las referencias y muestra el sujeto que describes. Las personas, caras, logotipos, textos y escenas de las referencias no se copian.

1. Abre la pestaña Biblioteca.
2. Marca la casilla de cada imagen que quieras usar como referencia. Puedes usar hasta 10 referencias.
3. Haz clic en Usar como estilo. Se abre la pestaña Generar con IA y muestra las imágenes seleccionadas en Referencias de estilo.
4. Describe la imagen y haz clic en Generar.

Para quitar una referencia, haz clic en la cruz de su miniatura. Para quitarlas todas, haz clic en Borrar. Puedes añadir más imágenes desde otras páginas de la biblioteca hasta que el total llegue a 10. Si la selección superara las 10, las imágenes sobrantes no se añaden.

Las referencias solo pueden ser imágenes de la biblioteca de este proyecto. Los recortes no se pueden usar como referencias.

Límite diario de imágenes con IA

El número de imágenes con IA está limitado por cuenta y por día. De forma predeterminada, el límite es:

• 10 imágenes al día en los planes de pago.
• 2 imágenes al día en los planes gratuitos.

Cada imagen generada cuenta para el límite, así que 4 × imagen consume cuatro. Si quedan menos imágenes de las que solicitaste, Pushwoosh genera tantas como permita el límite. Cuando se alcanza el límite, la generación falla con el mensaje daily limit of N AI images reached, try again tomorrow.

La generación con referencias de estilo tiene su propio límite diario de solicitudes, cinco veces el límite de imágenes. Con el límite de imágenes predeterminado, es:

• 50 solicitudes al día en los planes de pago.
• 10 solicitudes al día en los planes gratuitos.

Una solicitud cuenta una sola vez, independientemente de cuántas referencias e imágenes tenga. Cada imagen generada sigue contando para el límite de imágenes. Cuando se alcanza el límite de solicitudes, la generación con referencias falla con el mensaje too many generations with style references today, try again tomorrow. La generación sin referencias sigue funcionando.

Si tu plan no incluye imágenes con IA, la generación y la búsqueda de fotos de stock fallan con el mensaje AI images and stock photos are not available on your plan. Para cambiar el límite, ponte en contacto con tu gestor de cuenta de Pushwoosh.

Crear recortes de imagen

Un recorte es una copia redimensionada y recortada de una imagen original con una relación de aspecto específica. Los recortes son útiles cuando la misma imagen necesita diferentes proporciones para diferentes canales o ubicaciones.

Para crear un recorte:

1. Pasa el cursor sobre una imagen y haz clic en el botón Crear recortes. Se abrirá el panel Crear recorte.
2. Elige una Relación de aspecto que se ajuste a la ubicación donde usarás la imagen. Por ejemplo, usa 2:1 para un banner big picture de Android y 3:1 para una imagen de franja o de logotipo de Apple Wallet. En el centro de la imagen aparece un marco con esa relación de aspecto, tan grande como lo permita la imagen.
3. Mueve el marco sobre la parte de la imagen que quieras conservar. Arrástralo con el ratón o en una pantalla táctil, o haz clic en un punto de la imagen para centrar el marco allí. Para moverlo con el teclado, pulsa Tab hasta que el marco tenga el foco y luego pulsa las teclas de flecha. El marco se detiene en los bordes de la imagen.
4. Establece el Tamaño. Elige si tu valor define el Ancho o el Alto, y luego introduce el número de píxeles. Pushwoosh calcula la otra dimensión a partir de la relación de aspecto seleccionada.
5. Para imágenes JPEG, establece el valor de Calidad JPEG de 1 a 100. Un valor más alto conserva más detalles pero produce un archivo más grande.
6. Haz clic en Crear recorte.

Pushwoosh corta el recorte exactamente dentro del marco y lo guarda junto con el original, y la vista previa cambia al nuevo recorte. Cuando eliges otra relación de aspecto, el marco vuelve al centro.

Un recorte nunca es más grande que el original. Si el tamaño que estableces necesita más píxeles de los que tiene el original con esa relación de aspecto, Pushwoosh guarda el recorte con el tamaño más grande que permite el original. Por ejemplo, un recorte 1:1 con un ancho de 1080 de una imagen de 1184×864 se guarda con 864×864.

Puedes crear varios recortes con la misma relación de aspecto si sus tamaños o las posiciones del marco son diferentes. Si ya existe un recorte con la misma relación de aspecto, el mismo tamaño final (después de reducirlo para ajustarlo al original) y la misma posición del marco, Pushwoosh abre ese recorte en lugar de crear uno nuevo.

Ver los recortes existentes

La lista Recortes existentes de la parte inferior del panel Crear recorte muestra todos los recortes de la imagen. Para ver un recorte:

1. Pasa el cursor sobre la imagen y haz clic en el botón Crear recortes.
2. En Recortes existentes, haz clic en el recorte. La vista previa muestra el recorte almacenado con su relación de aspecto y su tamaño, por ejemplo 2:1 · 1024×512.

Para volver al original, haz clic en Original en Relación de aspecto.

Eliminar imágenes

Puedes eliminar las imágenes que ya no necesites, ya sea un original junto con todos sus recortes, o un solo recorte por sí mismo.

Eliminar una imagen original

1. Pasa el cursor sobre la imagen en la cuadrícula y haz clic en el icono Eliminar.
2. En la ventana de confirmación, haz clic en Eliminar.

Si la imagen tiene varias versiones, solo se eliminan la versión más reciente y los recortes de esa versión, y el mosaico muestra la versión anterior. Para eliminar una versión anterior, elimina primero las versiones más recientes.

No puedes eliminar una imagen que se usa en una campaña de pases de Wallet. Quita primero la imagen de la campaña.

Precaución

Eliminar un original también elimina todos sus recortes, y esto no se puede deshacer. Cualquier contenido que haga referencia a la URL de la imagen eliminada dejará de cargarla, así que asegúrate de que la imagen ya no esté en uso antes de eliminarla.

Eliminar un solo recorte sin eliminar el original

1. Pasa el cursor sobre la imagen y haz clic en el botón Crear recortes para abrir el panel Crear recorte.
2. En Recortes existentes, busca el que quieres eliminar y haz clic en su botón Eliminar recorte.
3. En la ventana de confirmación, haz clic en Eliminar.

Eliminar varias imágenes a la vez

Para eliminar varias imágenes originales en una sola acción:

1. Marca la casilla de verificación en cada imagen que quieras eliminar, o haz clic en Seleccionar todo en la página para seleccionar todas las imágenes de la página actual.
2. Haz clic en Eliminar seleccionados.
3. En la ventana de confirmación, haz clic en Eliminar.

Precaución

Esto elimina cada original seleccionado junto con todos sus recortes, y no se puede deshacer. Cualquier contenido que haga referencia a la URL de una imagen eliminada dejará de cargarla, así que asegúrate de que ninguna de las imágenes seleccionadas esté todavía en uso.

Usar imágenes en tu contenido

La forma de añadir una imagen del Almacén de medios depende del tipo de contenido.

Seleccionar una imagen en el editor

En los editores que se indican a continuación, puedes elegir, buscar o generar una imagen sin salir del editor. El selector de imágenes tiene las pestañas Biblioteca, Fotos de stock y Generar con IA:

• Notificaciones push y contenido de push web: Banner URL, Icono, Stories e imágenes del inbox. Consulta Añadir contenido multimedia en Presets de Push.
• Plantillas de SMS: archivos adjuntos MMS. MMS solo acepta JPG y GIF, por lo que este selector solo tiene Biblioteca y Fotos de stock.
• Formulario de envío de push: el icono del inbox y los archivos multimedia de WhatsApp.
• Customer Journey: imágenes en los elementos de Viber y WhatsApp.
• Mensajes in-app nativos, pases de Wallet y creatividades de anuncios de email.
• AI Email Builder, y el mismo builder para mensajes in-app y Cloud Pages: la galería de imágenes.

Un selector oculta la pestaña Generar con IA cuando el campo no acepta tanto PNG como JPEG, porque una imagen generada puede llegar en cualquiera de los dos formatos. Oculta la pestaña Fotos de stock cuando el campo no acepta JPEG.

En las campañas de pases de Wallet, una imagen elegida para la posición Logo o Strip de Apple Wallet se recorta automáticamente a 3:1 cuando es más ancha. Consulta Subir imágenes de la campaña.

Los popups web solo permiten elegir una imagen de la biblioteca, sin las pestañas Fotos de stock y Generar con IA. Consulta Imágenes y vídeo en Contenido de popups web.

Copiar la URL de una imagen

Copia una URL del Almacén de medios y pégala en tu editor de contenido.

Para copiar la URL:

1. Pasa el cursor sobre la imagen que quieras en la cuadrícula del Almacén de medios.
2. Haz clic en el botón Seleccionar (el icono de marca de verificación) de la imagen.

Consejo

Si tu navegador bloquea la copia automática, se abrirá una ventana con la URL. Selecciónala y cópiala manualmente.

Una vez que la URL esté copiada en tu portapapeles, pégala en el editor que estés utilizando.

Dónde la pegues depende del editor:

• Campo de URL de imagen: Editor de arrastrar y soltar y editor de Cloud Page — Bloque de imagen, o editor in-app
• Atributo src de HTML: Consulta Añadir imágenes en el editor de código HTML

Seleccionar un original o un recorte

Para copiar la URL de un original o un recorte:

1. Pasa el cursor sobre la imagen en la cuadrícula. Si tiene recortes, su mosaico mostrará una insignia con el recuento (por ejemplo, 2 cr.).
2. Haz clic en el botón Seleccionar para abrir el menú. Cada elemento muestra una miniatura del original o del recorte.
3. Elige Original para copiar la URL de la imagen a tamaño completo, o elige un recorte listado por su relación de aspecto y su tamaño para copiar la URL de ese recorte.