Armazenamento de mídia

O Armazenamento de mídia é a biblioteca de imagens integrada do seu projeto. Faça upload de imagens, importe fotos de banco de imagens gratuitas ou gere imagens com IA. Depois, reutilize-as em notificações push, web push, e-mails, mensagens in-app, Cloud Pages e outros conteúdos, diretamente no editor ou através de uma URL estável.

Para abrir o Armazenamento de mídia, vá para Conteúdo > Armazenamento de mídia no Painel de Controle da Pushwoosh. A página tem três abas:

• Biblioteca: as imagens já armazenadas no projeto.
• Fotos de banco de imagens: pesquise fotos gratuitas do Pexels e salve-as na biblioteca.
• Gerar com IA: descreva uma imagem e salve o resultado na biblioteca.

Quem pode adicionar e excluir imagens

Para adicionar imagens (upload, importação de banco de imagens, geração por IA), criar recortes ou excluir imagens, você precisa da permissão Modify applications para o projeto. Com acesso somente leitura, você pode navegar pela biblioteca e escolher imagens, mas não alterar a biblioteca. Consulte Gerenciar acesso e permissões de usuário.

Fazer upload de imagens

Para fazer o upload de imagens para o Armazenamento de mídia:

• Arraste e solte um ou mais arquivos de imagem na área de upload.
• Clique na área de upload para abrir o seletor de arquivos e selecionar imagens do seu dispositivo.

Nota

Você pode fazer o upload de até 5 imagens de uma vez. O Armazenamento de mídia aceita JPG, PNG, WebP e GIF. Outros tipos de arquivo são ignorados.

Limites de tamanho:

• JPG, PNG e WebP de até 10 MB cada.
• GIF de até 10 MB.

Quando o upload terminar, suas imagens aparecerão na grade abaixo, com as mais recentes primeiro, e você pode clicar em Anterior ou Próximo para navegar pelas páginas mais antigas, se necessário.

Comprimir imagens PNG no envio

A compressão de PNG deixa as imagens PNG menores quando elas são adicionadas à biblioteca. A Pushwoosh reduz o número de cores da imagem e mantém a transparência. A compressão é com perdas, mas a diferença geralmente não é visível. Ela vem desativada por padrão e é configurada separadamente para cada projeto.

Para alterar essa configuração, você precisa da permissão Modify applications para o projeto.

Para ativar a compressão de PNG:

1. Na página do Armazenamento de mídia, clique em Configurações no canto superior direito, à direita do título da página.
2. Na janela Configurações do armazenamento de mídia, ative Comprimir imagens PNG no envio.
3. Clique em Salvar.

Com a configuração ativada, a Pushwoosh comprime cada novo PNG depois que ele passa pelos limites de tamanho. Isso abrange:

• Arquivos PNG que você envia do seu dispositivo.
• Imagens PNG enviadas do Figma e importadas do Canva.
• Recortes de imagens PNG e WebP, porque esses recortes são salvos como PNG.

A Pushwoosh armazena arquivos JPG, WebP e GIF como estão. Ela não comprime PNGs animados nem imagens que já estão na biblioteca.

Se um PNG não puder ser comprimido, a Pushwoosh armazena o arquivo original e o upload é concluído mesmo assim.

Quando você faz upload de PNGs do seu dispositivo, a mensagem de confirmação mostra a porcentagem e a quantidade de espaço que a compressão economizou, por exemplo Imagem enviada. PNG comprimido: economia de 63% (81.2 KB). Em um lote, os números consideram apenas os PNGs que ficaram menores. A mesma mensagem aparece quando você faz upload de imagens no seletor de imagens de um editor.

Enviar imagens do Figma

Para enviar frames de um arquivo do Figma sem exportá-los antes, use o plugin da Pushwoosh para Figma. Consulte Integração com o Figma.

Importar designs do Canva

Para importar páginas dos seus designs do Canva, clique em Importar do Canva ao lado da área de upload. Depois de conectar o Canva, você também pode abrir imagens armazenadas no editor do Canva com Editar no Canva e começar novos designs com Criar no Canva. Consulte Integração com o Canva.

Encontrar uma imagem pelo nome do arquivo

Digite parte de um nome de arquivo no campo Pesquisar por nome de arquivo acima da grade e pressione Enter. A pesquisa não diferencia maiúsculas de minúsculas e abrange toda a biblioteca, não apenas a página atual. Limpe o campo para mostrar todas as imagens novamente.

De onde veio uma imagem

Um selo no bloco mostra como uma imagem chegou à biblioteca:

• AI: gerada na aba Gerar com IA.
• Pexels: importada da aba Fotos de banco de imagens.
• Canva: importada ou editada com a integração com o Canva.
• Figma: enviada com o plugin da Pushwoosh para Figma.

Imagens enviadas do seu dispositivo não têm selo.

Um selo como 2 vers. significa que a imagem tem várias versões, que aparecem quando um frame do Figma é enviado novamente ou a imagem é editada no Canva. O bloco mostra a versão mais recente. Cada versão tem sua própria URL, então o conteúdo que usa uma versão mais antiga continua mostrando essa versão.

Usar uma versão mais antiga de uma imagem

Para ver todas as versões de uma imagem e escolher uma delas:

1. Clique no selo N vers. do bloco. O painel Versões será aberto com a versão mais recente, marcada como atual, na pré-visualização.
2. Em Todas as versões, clique na versão desejada. A lista começa pela versão mais recente. A pré-visualização mostra a versão selecionada com seu tamanho em pixels e o tamanho do arquivo.
3. Clique em Usar esta versão.

Na página do Armazenamento de mídia, Usar esta versão copia a URL da versão selecionada, da mesma forma que o botão Selecionar. No seletor de imagens de um editor, ele insere a versão selecionada no campo.

Adicionar uma foto de banco de imagens do Pexels

A aba Fotos de banco de imagens pesquisa na biblioteca de fotos gratuitas do Pexels. As fotos de banco de imagens não contam para o limite diário de imagens com IA.

1. Abra a aba Fotos de banco de imagens.
2. Digite o que você procura, por exemplo summer sale, e clique em Pesquisar.
3. Clique em uma foto.

A Pushwoosh copia a foto para a sua biblioteca com o selo Pexels. Abaixo de cada resultado da pesquisa, o nome do fotógrafo leva ao perfil dele no Pexels, e a aba credita o Pexels como fornecedor das fotos. Se nada corresponder à sua consulta, a aba mostra Nada encontrado — tente outra consulta.

Se o seu plano não incluir imagens com IA, a pesquisa de fotos de banco de imagens também fica desativada. Consulte Limite diário de imagens com IA.

Gerar uma imagem com IA

A aba Gerar com IA cria uma imagem a partir de uma descrição em texto e a salva na sua biblioteca.

1. Abra a aba Gerar com IA.
2. Descreva a imagem, por exemplo flat-lay of summer picnic essentials on a pastel background.
3. Escolha uma proporção. Quando você abre esta aba a partir de um editor, a lista oferece apenas as proporções que se ajustam ao campo, por isso ela pode ser mais curta ou não aparecer.
4. Escolha quantas imagens gerar: 1 × imagem, 2 × imagem ou 4 × imagem.
5. Clique em Gerar.

Toda imagem gerada é salva na biblioteca com o selo AI, quer você a use ou não. Para obter um novo resultado para a mesma descrição, clique em Gerar novamente.

Se o projeto tiver um Brand book, a Pushwoosh adiciona as cores e o tom de voz dele à descrição, para que as imagens geradas sigam o estilo da sua marca.

Gerar uma imagem para uma notificação push

Para gerar uma imagem que combine com a mensagem de um push:

1. Em um preset de push que já tenha título ou texto, abra o seletor de imagens de Banner URL, Ícone ou da imagem do inbox.
2. Abra a aba Gerar com IA. A caixa de seleção Combinar com a mensagem push vem marcada por padrão.
3. Descreva a imagem e clique em Gerar.

Com a caixa marcada, a Pushwoosh gera uma imagem que ilustra a mensagem. A Pushwoosh não coloca o texto da mensagem na imagem, a menos que sua descrição peça isso. Em um preset multilíngue, o título e o texto são obtidos do idioma padrão ou do primeiro idioma em que estiverem preenchidos.

Usar suas imagens como referência de estilo

Uma referência de estilo é uma imagem da sua biblioteca que indica à IA a aparência que você quer. A imagem gerada adota as cores, a iluminação, a técnica de renderização e o clima das referências e mostra o assunto que você descreve. Pessoas, rostos, logotipos, letreiros e cenas das referências não são copiados.

1. Abra a aba Biblioteca.
2. Marque a caixa de seleção em cada imagem que você quer usar como referência. Você pode usar até 10 referências.
3. Clique em Usar como estilo. A aba Gerar com IA é aberta e mostra as imagens selecionadas em Referências de estilo.
4. Descreva a imagem e clique em Gerar.

Para remover uma referência, clique no X da miniatura dela. Para remover todas, clique em Limpar. Você pode adicionar mais imagens de outras páginas da biblioteca até que o total chegue a 10. Se a seleção ultrapassar 10, as imagens excedentes não são adicionadas.

As referências só podem ser imagens da biblioteca deste projeto. Recortes não podem ser usados como referências.

Limite diário de imagens com IA

O número de imagens com IA é limitado por conta por dia. Por padrão, o limite é:

• 10 imagens por dia nos planos pagos.
• 2 imagens por dia nos planos gratuitos.

Cada imagem gerada conta para o limite, então 4 × imagem usa quatro. Se restarem menos imagens do que você solicitou, a Pushwoosh gera quantas o limite permitir. Quando o limite é atingido, a geração falha com a mensagem daily limit of N AI images reached, try again tomorrow.

A geração com referências de estilo tem seu próprio limite diário de solicitações, cinco vezes o limite de imagens. Com o limite de imagens padrão, isso equivale a:

• 50 solicitações por dia nos planos pagos.
• 10 solicitações por dia nos planos gratuitos.

Uma solicitação conta uma única vez, independentemente de quantas referências e imagens ela tenha. Cada imagem gerada continua contando para o limite de imagens. Quando o limite de solicitações é atingido, a geração com referências falha com a mensagem too many generations with style references today, try again tomorrow. A geração sem referências continua funcionando.

Se o seu plano não incluir imagens com IA, a geração e a pesquisa de fotos de banco de imagens falham com a mensagem AI images and stock photos are not available on your plan. Para alterar o limite, entre em contato com o seu gerente de conta da Pushwoosh.

Criar recortes de imagem

Um recorte é uma cópia redimensionada e cortada de uma imagem original em uma proporção específica. Os recortes são úteis quando a mesma imagem precisa de proporções diferentes para diferentes canais ou posicionamentos.

Para criar um recorte:

1. Passe o mouse sobre uma imagem e clique no botão Criar recortes. O painel Criar recorte será aberto.
2. Escolha uma Proporção que se ajuste ao local onde você usará a imagem. Por exemplo, use 2:1 para um banner big picture do Android e 3:1 para uma imagem de faixa (strip) ou de logotipo do Apple Wallet. Uma moldura com essa proporção, tão grande quanto a imagem permitir, aparece no centro da imagem.
3. Mova a moldura sobre a parte da imagem que você quer manter. Arraste-a com o mouse ou em uma tela sensível ao toque, ou clique em um ponto da imagem para centralizar a moldura nele. Para movê-la pelo teclado, pressione Tab até que a moldura esteja em foco e depois pressione as teclas de seta. A moldura para nas bordas da imagem.
4. Defina o Tamanho. Escolha se o seu valor define a Largura ou a Altura e, em seguida, insira o número de pixels. A Pushwoosh calcula a outra dimensão a partir da proporção selecionada.
5. Para imagens JPEG, defina o valor da Qualidade JPEG de 1 a 100. Um valor mais alto mantém mais detalhes, mas produz um arquivo maior.
6. Clique em Criar recorte.

A Pushwoosh corta o recorte exatamente dentro da moldura e o salva junto com o original, e a pré-visualização passa para o novo recorte. Quando você escolhe outra proporção, a moldura volta ao centro.

Um recorte nunca é maior que o original. Se o tamanho definido precisar de mais pixels do que o original tem nessa proporção, a Pushwoosh salva o recorte no maior tamanho que o original permite. Por exemplo, um recorte 1:1 com largura de 1080 de uma imagem de 1184×864 é salvo em 864×864.

Você pode criar vários recortes com a mesma proporção se os tamanhos ou as posições da moldura forem diferentes. Se já existir um recorte com a mesma proporção, o mesmo tamanho final (depois de reduzido para caber no original) e a mesma posição da moldura, a Pushwoosh abre esse recorte em vez de criar um novo.

Ver os recortes existentes

A lista Recortes existentes, na parte inferior do painel Criar recorte, mostra todos os recortes da imagem. Para ver um recorte:

1. Passe o mouse sobre a imagem e clique no botão Criar recortes.
2. Em Recortes existentes, clique no recorte. A pré-visualização mostra o recorte armazenado com sua proporção e seu tamanho, por exemplo 2:1 · 1024×512.

Para voltar ao original, clique em Original em Proporção.

Excluir imagens

Você pode excluir imagens que não precisa mais, seja uma original junto com todos os seus recortes, ou um único recorte por si só.

Excluir uma imagem original

1. Passe o mouse sobre a imagem na grade e clique no ícone Excluir.
2. Na janela de confirmação, clique em Excluir.

Se a imagem tiver várias versões, apenas a versão mais recente e os recortes dessa versão são excluídos, e o bloco mostra a versão anterior. Para excluir uma versão mais antiga, exclua primeiro as versões mais recentes.

Não é possível excluir uma imagem usada em uma campanha de passes da carteira. Remova primeiro a imagem da campanha.

Cuidado

A exclusão de uma imagem original também remove todos os seus recortes, e isso não pode ser desfeito. Qualquer conteúdo que faça referência à URL da imagem excluída deixará de carregá-la, portanto, certifique-se de que a imagem não esteja mais em uso antes de excluí-la.

Excluir um único recorte sem remover a original

1. Passe o mouse sobre a imagem e clique no botão Criar recortes para abrir o painel Criar recorte.
2. Em Recortes existentes, encontre o que você deseja remover e clique no botão Excluir recorte dele.
3. Na janela de confirmação, clique em Excluir.

Excluir várias imagens de uma vez

Para remover várias imagens originais em uma única ação:

1. Marque a caixa de seleção em cada imagem que deseja excluir ou clique em Selecionar tudo na página para selecionar todas as imagens na página atual.
2. Clique em Excluir selecionados.
3. Na janela de confirmação, clique em Excluir.

Cuidado

Isso exclui cada original selecionado junto com todos os seus recortes, e isso não pode ser desfeito. Qualquer conteúdo que faça referência a uma URL de imagem excluída deixará de carregá-la, portanto, certifique-se de que nenhuma das imagens selecionadas ainda esteja em uso.

Usar imagens em seu conteúdo

A forma como você adiciona uma imagem do Armazenamento de mídia depende do tipo de conteúdo.

Selecionar uma imagem no editor

Nos editores listados abaixo, você pode escolher, encontrar ou gerar uma imagem sem sair do editor. O seletor de imagens tem as abas Biblioteca, Fotos de banco de imagens e Gerar com IA:

• Notificações push e conteúdo de web push: Banner URL, Ícone, Stories e imagens do inbox. Consulte Adicionar conteúdo de mídia em Predefinições de Push.
• Presets de SMS: anexos MMS. O MMS aceita apenas JPG e GIF, por isso este seletor tem apenas Biblioteca e Fotos de banco de imagens.
• Formulário de envio de push: o ícone do inbox e a mídia do WhatsApp.
• Customer Journey: imagens nos elementos de Viber e WhatsApp.
• Mensagens in-app nativas, passes da carteira e criativos de anúncios de e-mail.
• AI Email Builder, e o mesmo builder para mensagens in-app e Cloud Pages: a galeria de imagens.

Um seletor oculta a aba Gerar com IA quando o campo não aceita PNG e JPEG ao mesmo tempo, porque uma imagem gerada pode vir em qualquer um dos dois formatos. Ele oculta a aba Fotos de banco de imagens quando o campo não aceita JPEG.

Nas campanhas de passes da carteira, uma imagem escolhida para o slot Logo ou Strip do Apple Wallet é recortada automaticamente para 3:1 quando é mais larga do que isso. Consulte Fazer upload de imagens da campanha.

Os pop-ups da web permitem escolher uma imagem apenas da biblioteca, sem as abas Fotos de banco de imagens e Gerar com IA. Consulte Imagens e vídeo em Conteúdo de pop-up da web.

Copiar a URL de uma imagem

Copie uma URL do Armazenamento de mídia e cole-a no seu editor de conteúdo.

Para copiar a URL:

1. Passe o mouse sobre a imagem que você deseja na grade do Armazenamento de mídia.
2. Clique no botão Selecionar (o ícone de marca de seleção) na imagem.

Dica

Se o seu navegador bloquear a cópia automática, uma janela será aberta com a URL. Selecione-a e copie-a manualmente.

Depois que a URL for copiada para a sua área de transferência, cole-a no editor que você está usando.

Onde você a cola depende do editor:

• Campo URL da imagem: Editor de arrastar e soltar e editor de Cloud Page — Bloco de imagem, ou editor in-app
• Atributo src de HTML: Consulte Adicionar imagens no editor de código HTML

Selecionar um original ou um recorte

Para copiar a URL de um original ou de um recorte:

1. Passe o mouse sobre a imagem na grade. Se ela tiver recortes, seu bloco mostrará um selo com a contagem (por exemplo, 2 cr.).
2. Clique no botão Selecionar para abrir o menu. Cada item mostra uma miniatura do original ou do recorte.
3. Escolha Original para copiar a URL da imagem em tamanho real, ou escolha um recorte listado por sua proporção e seu tamanho para copiar a URL desse recorte.