Carregando...
Carregando...
Um criador de memes e colagens gratuito no navegador com camadas reais. Cole capturas de tela diretamente da área de transferência, arraste e redimensione cada uma, corte até a parte que você deseja e empilhe legendas clássicas de memes por cima. Exporte para PNG, JPEG ou WebP — nada sai do seu dispositivo.
Este é um criador de memes focado, apenas para navegador, com camadas reais — a peça que faltava entre um editor de imagem única e uma ferramenta de design completa. Arraste ou cole qualquer número de imagens (Ctrl+V funciona para capturas de tela), e cada uma se torna sua própria camada que você pode mover, redimensionar, recortar, reordenar, ocultar ou excluir. Empilhe quantas camadas de texto quiser com fonte, tamanho, preenchimento, traço e alinhamento ajustáveis — os padrões combinam com a clássica legenda de meme no estilo Impact. Todo o canvas é renderizado em uma única imagem composta que você pode exportar como PNG (com transparência opcional), JPEG ou WebP. Tudo é feito na API Canvas no seu navegador, então nada — nenhuma captura de tela, nenhum rascunho, nenhuma imagem final — é enviado para um servidor.
Escolha um predefinido (quadrado, retrato, história ou amplo) ou insira largura e altura personalizadas. Quadrado 1080 é um padrão seguro para postagens; história é ideal para reels e histórias verticais.
Clique em Adicionar imagem para fazer upload, arraste arquivos para a página ou cole uma captura de tela diretamente da área de transferência com Ctrl+V (Cmd+V no Mac). Cada imagem se torna sua própria camada.
Clique em uma camada para selecioná-la, depois arraste para mover. Use as alças de canto para redimensionar — as camadas de imagem preservam sua proporção, então não ficam distorcidas.
Com uma camada de imagem selecionada, clique em Recortar camada, arraste um retângulo dentro da camada e Aplique. O recorte é destrutivo, mas você pode sempre Limpar tudo para começar de novo.
Clique em Adicionar texto — o padrão é negrito em maiúsculas Impact em branco com um traço preto, o visual clássico de meme. Edite o texto, arraste-o para o lugar e ajuste a fonte, tamanho e cor no painel de Propriedades.
Use Frente e Atrás para controlar qual camada está no topo. Ative o ícone do olho para ocultar uma camada sem excluí-la.
Escolha PNG (melhor para transparência ou texto nítido), JPEG (menor para memes com muitas fotos) ou WebP. Clique em Baixar composição — o resultado em alta resolução é gerado localmente e salvo no seu dispositivo.
1. Cada camada carrega posição (x, y), tamanho (largura, altura), ordem z e visibilidade. 2. Camadas de imagem mantêm um ImageBitmap de createImageBitmap(file). 3. Camadas de texto contêm o texto mais fonte, tamanho, preenchimento, contorno e alinhamento. 4. Em cada renderização, o compositor percorre as camadas de baixo para cima e desenha em uma tela 2D. 5. Camadas de imagem usam ctx.drawImage(bitmap, x, y, w, h). 6. Camadas de texto usam ctx.fillText / ctx.strokeText com quebra de linha na largura da camada. 7. Recortar cria um novo ImageBitmap de uma sub-região da fonte — o tamanho de exibição da camada encolhe para corresponder. 8. Exportar chama canvas.toBlob(format, quality) na mesma tela que o usuário tem editado.
Um compositor em camadas é apenas uma lista de operações de desenho que é reproduzida a cada renderização. Como os bitmaps de origem e as configurações de texto são mantidos, a tela é uma projeção pura do estado — não há edição destrutiva até que o usuário aplique explicitamente um recorte ou duplique uma camada. A exportação PNG preserva a transparência e as bordas nítidas do texto; JPEG e WebP ajustam a qualidade e produzem arquivos menores à custa de alguns artefatos de compressão. Nada disso requer um servidor: as mesmas APIs de Canvas que renderizam a visualização do editor também produzem o arquivo exportado final.
Referência: MDN — CanvasRenderingContext2D.drawImage()
| Objetivo | Como fazer |
|---|---|
Meme estilo Impact clássico em uma imagem | Adicione a imagem, escale para preencher a tela. Adicione texto — os padrões são Impact em maiúsculas, preenchimento branco, contorno preto. Arraste o texto para o topo, duplique para uma legenda na parte inferior. O estilo de texto padrão combina com o visual clássico. |
Comparação de capturas de tela lado a lado | Defina a tela para Largura 1200×630. Cole duas capturas de tela com Ctrl+V — elas se empilham como camadas separadas. Arraste e redimensione cada uma para preencher sua metade da tela. Ótimo para postagens de antes/depois e relatórios de bugs. |
Colagem de capturas de tela em três partes com legendas | Escolha Retrato. Cole três capturas de tela, redimensione cada uma para preencher um terço da altura da tela, depois adicione uma pequena camada de texto entre cada uma como legenda. Use Avançar / Retroceder se uma legenda for coberta. |
Recortar a barra de navegação de uma captura de tela | Adicione a captura de tela como uma camada. Clique em Recortar camada e arraste um retângulo ao redor apenas do conteúdo que você deseja. Aplique — a camada se torna a região recortada. Recortar é destrutivo — Limpar tudo redefine a tela. |
Meme em formato de história com fundo transparente | Escolha o preset de História, marque Transparente para o fundo, adicione seu recorte de personagem (execute-o pelo Removedor de Fundo primeiro), depois adicione texto de legenda. Exporte como PNG para manter a transparência. |
Recorte o assunto de qualquer foto com IA no dispositivo — sem necessidade de upload.
Reduza arquivos JPG, PNG ou WebP no seu navegador com um controle deslizante de qualidade interativo.
Ajuste, filtre, gire e corte fotos no navegador — sem uploads, sem marca d'água.
Converta HEIC, JPG, PNG, WebP e mais — lote de até 25 arquivos, tudo no seu navegador.
Última atualização