Como usar
- Escolha uma imagem: no centro aparece um primeiro texto, “Seu texto”.
- Escreva o que quiser. Aperte Enter para fazer várias linhas.
- Arraste o texto para o lugar ou mova com os controles de posição.
- Ajuste a fonte, o tamanho, a cor, a espessura do contorno e o alinhamento. Clique em Adicionar texto para incluir outro e toque no nome dele (“Texto 1”, “Texto 2”…) para editar.
- Escolha PNG ou JPG e clique em Baixar.
Como funciona
O texto é desenhado sobre uma cópia da sua foto em um canvas. Em cada texto, as linhas são medidas, o bloco é centralizado no ponto escolhido e as linhas ficam separadas por 1,2 vez o tamanho da fonte. Com alinhamento à esquerda, cada linha começa na borda esquerda do bloco; à direita, termina na borda direita.
Primeiro é desenhado o contorno e, por cima, o preenchimento. A espessura do contorno é uma porcentagem do tamanho da fonte.
Exemplo
Uma foto de 1000 pixels de largura e o texto padrão: tamanho 8%, contorno 12%, letras brancas em negrito com contorno preto. A fonte fica com 1000 × 8 ÷ 100 = 80 pixels e o contorno com 80 × 12 ÷ 100 = 9,6, cerca de 10 pixels. Duas linhas formam um bloco de 2 × 80 × 1,2 = 192 pixels de altura. O PNG baixado ganha o sufixo “-text”: gato.jpg → gato-text.png.
Dicas
- Texto claro com contorno escuro fica legível até em fotos cheias de detalhes.
- Prefira títulos curtos: linhas longas não quebram sozinhas, então coloque você mesmo as quebras de linha.
- Confira os acentos e o “ç” na fonte manuscrita: se faltar algum caractere, o navegador pega de outra fonte.
- JPG serve para compartilhar uma foto rápido; PNG, se você ainda vai editar o resultado.