---
title: "Biblioteca de mídia: suas imagens e vídeos | Briks"
url: https://briks.dev/pt-br/docs/media-library
description: "Envie suas imagens e vídeos uma vez à biblioteca de mídia do espaço de trabalho, use-os em todo projeto pela caixa de prompt e troque imagens do site de graça."
last_updated: 2026-10-08
---

# Biblioteca de mídia: suas imagens e vídeos

A biblioteca de mídia guarda suas próprias imagens e vídeos: fotos de produtos, fotos da equipe, um pequeno filme da sua oficina. Envie uma vez e use em qualquer projeto do espaço de trabalho, escolhendo-os na caixa de prompt do estúdio. A aba Media de cada projeto permite então trocar o que um site mostra, sem usar créditos.

6 min de leitura Conferido com o estúdio em 8 de outubro de 2026

## Uma biblioteca por espaço de trabalho

Todos os projetos de um espaço de trabalho compartilham uma biblioteca, então uma foto enviada ao trabalhar em um site pode ir para outro no dia seguinte. As bibliotecas não são compartilhadas entre espaços de trabalho: um link de mídia copiado de outro espaço de trabalho é recusado, e o estúdio pede que você o copie de novo do seu.

Enviar e posicionar itens exige Owner, Admin ou Editor. Viewers não podem fazer alterações, por isso não veem a caixa de pedido.

## O que você pode enviar

| Tipo | Formatos | Maior arquivo |
| --- | --- | --- |
| Imagens | JPEG, PNG ou WebP | Menos de 25 MB |
| Vídeos | MP4 ou WebM | Menos de 250 MB e menos de 5 minutos de duração |

- Os vídeos são guardados e entregues exatamente como foram enviados, nunca convertidos. Um arquivo menor carrega mais rápido para os visitantes, então exporte no tamanho que o site precisa.
- Seu navegador lê cada vídeo antes do envio. Se não conseguir reproduzir o arquivo, o envio para e pede que você o exporte como MP4 (H.264).
- O pôster de um vídeo, a imagem parada exibida antes de ele ser reproduzido, é tirado do primeiro segundo dele.
- Tudo o que está na biblioteca conta para o [armazenamento](https://briks.dev/pt-br/docs/storage) do seu plano.

## Abrir a biblioteca e enviar

Onde

1. Projects
2. Your project
3. Studio
4. Add from your media

1. Abra o Studio de um projeto criado

   Onde: Studio

   A biblioteca fica na caixa de mensagem de um projeto que já foi criado. Ela não aparece no briefing de **New project**, nem enquanto uma primeira criação aguarda você em uma etapa de aprovação.

2. Clique em Adicionar da sua mídia

   Onde: Prompt box

   É o ícone de imagens na caixa de prompt. **Choose from your media** abre.

3. Enviar

   Onde: Choose from your media

   Clique em **Upload** e escolha os arquivos, ou arraste-os para a janela e solte quando aparecer **Drop to upload**. Adicione vários de uma vez, se quiser; cada um tem sua própria barra de progresso.

4. Encontre na grade

   Onde: Choose from your media

   Um envio concluído aparece primeiro na grade. Os vídeos mostram a duração.

**All**, **Pictures** e **Videos** filtram a grade, e a barra ao lado mostra quanto do armazenamento do seu espaço de trabalho está em uso. A grade mostra uma página por vez; **Show more** carrega a próxima.

- **As imagens de cada site também.** Além dos seus envios, a grade reúne as imagens e os vídeos de todos os sites do espaço de trabalho, e cada bloco mostra de onde vem. Ao escolher uma imagem de um site, ela é adicionada primeiro à sua biblioteca.
- **From** reduz a grade a **Library and every site**, só **Library**, ou um projeto.
- **Search names and descriptions** encontra itens pelo nome do arquivo ou pelo que eles mostram.

A mesma janela abre sempre que o estúdio pede uma imagem: **Choose from library** para o logo e o favicon de um site em **Settings**, campos de imagem na aba [Database](https://briks.dev/pt-br/docs/database) e **Picture** no [editor de imagens](https://briks.dev/pt-br/docs/image-editor).

## Usar um item em uma alteração

Escolher um item não o coloca na hora. O link dele vai para a sua mensagem, e você diz onde ele entra, como em qualquer outra alteração.

1. Escolha o item

   Onde: Choose from your media

   Clique nele. A janela fecha e o link do item aparece no fim da sua mensagem.

2. Diga para onde vai

   Onde: Prompt box

   Diga o nome da página e o local, por exemplo “como plano de fundo do hero”. Para uma imagem, diga o que ela mostra, se isso importar para a página.

3. Enviar

   Onde: Send

   Ele é criado e publicado como uma alteração: uma reserva de 5 créditos, cobrada pelo trabalho que der.

Um pedido de mudança Uma floricultura em Edimburgo

> Use (media link) como fundo do topo na página inicial e coloque (media link) na página Casamentos, abaixo do primeiro parágrafo, rodando sem som em repetição.

Os dois aparecem na próxima versão publicada. A aba Media então os lista, cada um marcado como vindo da mídia da floricultura.

Dica

Uma mensagem pode levar até seis imagens e vídeos, contando juntos os arquivos anexados com o botão de anexo e os links de mídia. Para mais, divida em duas mudanças.

## Veja o que um site mostra

Onde

1. Projects
2. Your project
3. Media

A aba **Media** de um projeto abre em **On the site**, que lista todas as imagens e vídeos que o site mostra na última publicação, começando pelo hero. Cada cartão traz a descrição da imagem, onde ela está (a página inicial, por exemplo, ou uma seção nomeada) e, no caso de itens da sua biblioteca, de qual deles veio. **Designs**, ao lado, guarda o que você cria no [editor de imagens](https://briks.dev/pt-br/docs/image-editor).

## Troque uma imagem ou um vídeo de graça

1. Escolha o que trocar

   Onde: Media tab

   Clique em **Replace** no cartão.

2. Escolher o novo

   Onde: Choose the new picture

   Sua biblioteca abre mostrando só o mesmo tipo: imagens para uma imagem, vídeos para um vídeo. Escolha um ou envie por lá.

3. Diga o que ele mostra

   Onde: What it shows

   Obrigatório para uma imagem, já que leitores de tela e mecanismos de busca a leem. Opcional para um vídeo: um vídeo de fundo não precisa.

4. Substituir e publicar

   Onde: Replace and publish

   O novo item ocupa o lugar do antigo em todo o site, e o site é publicado de novo. Você é levado ao estúdio para acompanhar.

- Nenhum crédito é usado.
- As [versões](https://briks.dev/pt-br/docs/versions) no estúdio podem desfazer isso.
- Não pode começar enquanto o site está sendo criado ou enquanto um teste A/B está em andamento nele.
- Se o item que você escolheu já estiver em outro lugar do site, a janela avisa que ele vai aparecer duas vezes.

Uma troca O cardápio de outono de um café

> O Moor Lane Café envia uma foto do cardápio de outono e substitui o de verão na página inicial. O que ela mostra: sopa de abóbora, pão de fermentação natural e um flat white sobre uma mesa de carvalho.

O site é publicado de novo com a foto nova e sem usar créditos. Se a pessoa mudar de ideia, Versions traz de volta a foto de verão.

## Organizando sua biblioteca

A biblioteca é uma grade única, dos mais novos para os mais antigos, com os filtros e a busca acima dela. Não há pastas e os itens não podem ser renomeados, mas cada upload seu tem um botão **Details**: ele mostra o item com tamanho e data, **Used on** (cada site que o usa, e como), **Use this** e **Delete**. Delete pergunta antes. Os sites que mostram o item em suas páginas mantêm a própria cópia, então as páginas não mudam, mas o item sai da sua biblioteca de vez. O logo ou favicon de um site não pode ser excluído até você escolher outro nas configurações desse site. Uploads que nunca terminaram são limpos após um dia, para que uma conexão interrompida não deixe meio arquivo contando no seu armazenamento.

Cada site guarda a própria cópia do que foi colocado nele, então uma página publicada nunca depende do item da biblioteca de onde veio.

- **Dê nomes aos arquivos antes de enviar.** O nome do arquivo é o que a grade mostra e o que a aba Media indica como origem, então `bakery-shopfront-autumn.jpg` poupa você de adivinhar depois, o que `IMG_4021.jpg` não faz.
- **Envie só o que for usar.** Cada envio ocupa armazenamento até você excluí-lo. Corte um vídeo para os segundos de que precisa antes de enviá-lo.
- **Guarde os originais em outro lugar.** A biblioteca serve para colocar imagens nos sites, não para arquivar um ensaio fotográfico inteiro.

## Como a biblioteca usa seu armazenamento

Os itens da biblioteca contam para o único limite de armazenamento que seu espaço de trabalho divide com os arquivos de todos os projetos, imagens do site, bancos de dados e backups. Se um envio ultrapassar esse limite, ele é interrompido com uma mensagem que cita o armazenamento do seu plano e sugere apagar algo ou passar para um plano maior. [Armazenamento](https://briks.dev/pt-br/docs/storage) mostra para onde vai o espaço.

### Qual é a diferença entre anexar uma imagem e usar a biblioteca?

Uma imagem anexada com o botão de anexar da caixa de prompt pertence somente àquela mensagem. Um item da biblioteca pode ser usado de novo em qualquer projeto do espaço de trabalho e trocado depois com **Replace**.

### Replace custa créditos?

Não. Ele coloca o novo item no lugar e publica de novo, sem nenhum trabalho de construção.

### Posso usar itens da biblioteca em um projeto totalmente novo?

Não no primeiro briefing. Crie o site e depois adicione-os pelo estúdio como uma mudança.

## Leia a seguir

- [Construindo **Imagens** Escolha como as imagens do seu site são feitas, adicione suas fotos e logo, troque qualquer imagem sem gastar créditos e corrija uma imagem errada.](https://briks.dev/pt-br/docs/pictures)
- [Os recursos do seu site **Armazenamento** Guarde arquivos do seu projeto, compartilhe por link ou pasta pública, veja onde vai o armazenamento do seu plano e baixe tudo em um arquivo .zip.](https://briks.dev/pt-br/docs/storage)
- [Trabalhando em um projeto **Como fazer alterações no site** Como mudar seu site escrevendo ao Briks: o que dizer, imagens, o que uma mudança inclui e custa, páginas internas, pedidos na fila e como corrigir um erro.](https://briks.dev/pt-br/docs/making-changes)
- [Trabalhando em um projeto **Versões, desfazer e refazer** Cada build e alteração é salva como versão do seu site. Desfaça, refaça ou recoloque no ar qualquer versão anterior, exatamente como era, sem reter créditos.](https://briks.dev/pt-br/docs/versions)

Ainda travado?

Escreva para [hello@briks.dev](mailto:hello@briks.dev) com o nome do seu projeto e o que você esperava ver. Uma captura de tela ajuda.
