Como adicionar texto na foto online: legendas, assinaturas e banners sem erros

Explicamos como deixar o texto legível em qualquer fundo: contraste, base, fonte, tamanho e posição. Com os requisitos dos marketplaces e os erros mais comuns.

No estúdio gdefoto vemos todos os dias o mesmo pedido: adicionar texto na foto online. Uns precisam de uma legenda sob o produto, outros de um preço e da palavra "promoção" num banner, outros de um texto num story ou meme para as redes sociais. A tarefa parece simples: abriu a imagem, escreveu a palavra, salvou. Mas é justamente aqui que nascem os erros mais visíveis: o texto se funde com o fundo, a fonte é malfeita, a legenda cobre o produto ou some para fora da borda quando visto pelo celular.

Neste artigo vamos organizar tudo: por que fazer uma legenda na foto, como deixá-la legível em qualquer fundo, que tamanho e posição funcionam, quais são os requisitos dos marketplaces e onde as pessoas mais erram. E, se você quer algo simples e rápido, todo o trabalho pode ser feito em nossa ferramenta de assinatura na foto em um minuto, sem instalar programas.

Desenhe a assinatura na tela ou carregue um PNG pronto. Coloque no lugar desejado.

• Desenhar
• Carregar PNG
• Digitar como texto

A assinatura é desenhada em fundo transparente; o branco da tela não entra no resultado.

• Canto inferior direito
• Canto inferior esquerdo
• Canto superior direito
• Canto superior esquerdo
• Centro

Antes de pegar a ferramenta, é importante entender que tarefa a legenda resolve. Disso dependem o tamanho, a fonte e a posição. Destacamos os cinco cenários mais comuns.

• Cards de produto e infográfico. Aqui o texto vende: características, medidas, composição, vantagem. A legenda deve ser enxuta, de 3 a 5 palavras por bloco, e não cobrir o próprio produto. Falamos disso em detalhe no guia de infográfico para marketplaces.
• Preço, desconto, promoção. O texto mais chamativo. Os números vão grandes, e a palavra "promoção" ou o percentual de desconto ficam sobre uma tarja contrastante. Aqui é importante não exagerar: no máximo duas ou três legendas de destaque, senão o olho não sabe para onde olhar.
• Banners para publicidade e site. Título mais um chamado curto. O texto costuma ocupar no máximo um terço da área, o resto fica para a imagem. Para a web, importa também o peso do arquivo.
• Stories e posts para redes sociais. Formato vertical 1080x1920; o texto não deve cair nas "zonas de risco" de cima e de baixo, onde a rede desenha o perfil e os botões. A margem segura das bordas é de cerca de 250 pixels.
• Memes e legendas descontraídas. Formato clássico, com texto branco e contorno preto em cima e embaixo. Aqui as regras são mais livres, mas a legibilidade ainda decide.

Cada tarefa pede configurações diferentes, mas o princípio-base é um só: o texto existe para ser lido. Se não há legibilidade, não há sentido. Por isso, a seguir vamos tratar justamente dela, para que você possa aplicar tudo na hora e ter o resultado em poucos minutos. E tarefas vizinhas, como marca-d'água ou recorte, costumam vir no mesmo pacote, então tenha essas ferramentas à mão.

A principal razão pela qual a legenda na foto parece barata ou nem se lê é o contraste fraco entre o texto e o fundo. A fotografia quase nunca é de cor única: há áreas claras, escuras e cheias de detalhes. O texto branco se perde com facilidade no céu ou numa camiseta branca, e o preto some nas sombras. Isso se resolve com três recursos, que usamos o tempo todo.

• Base (tarja) sob o texto. O modo mais seguro. Um retângulo semitransparente sob a legenda, escuro sob texto claro ou claro sob texto escuro. A transparência de 50 a 70 por cento mantém o fundo visível, mas garante a legibilidade. Funciona em qualquer imagem, por mais cheia de detalhes que seja.
• Contorno (borda) das letras. Um contorno fino de cor contrastante ao redor de cada letra. Texto branco com contorno preto de 2 a 4 pixels se lê em qualquer coisa. Clássico dos memes e dos banners esportivos. O importante é não deixar o contorno mais grosso que as próprias letras, senão o texto vira um borrão.
• Sombra. Uma sombra suave sob o texto dá volume e separa as letras do fundo. Funciona melhor em par com o contorno; sozinha é mais fraca que a base.

Como escolher a cor do texto? A regra é simples: em fundo escuro, branco ou amarelo-claro; em fundo claro, cinza-escuro ou preto. Preto puro (000000) sobre branco fica duro; mais suave é o cinza-escuro (1a1a1a ou 222222). Para acentos, use uma cor viva, por exemplo vermelho para o preço, e não crie um arco-íris. Verifique o contraste assim: reduza a imagem ao tamanho de prévia, como ela aparece no feed. Se o texto se lê no tamanho pequeno, está tudo bem. Se você precisa forçar a vista, acrescente uma base.

Com o contraste resolvido, restam três parâmetros que separam a legenda caprichada da amadora: fonte, tamanho e lugar. Vejamos cada um.

• Fonte. Para legendas na foto, use fontes sem serifa: elas se leem em qualquer tamanho e não distraem. Funcionam bem Roboto, Montserrat, Open Sans, PT Sans. As serifas (como a Times) cabem em capas de imagem, mas em texto pequeno se desmancham. Evite terminantemente fontes manuscritas e decorativas para informação importante (preço, medida, composição): são difíceis de ler. Uma fonte por imagem, no máximo duas: uma para o título, uma para a explicação.
• Tamanho. Pense o tamanho não em pixels, mas em frações da altura da imagem. O título costuma ocupar de 8 a 12 por cento da altura, e o texto principal de 4 a 6 por cento. Num quadrado 1000x1000 isso dá cerca de 90 a 120 pixels para o título. Texto pequeno demais não é lido no feed, grande demais parece um grito. Se a legenda passa de 5 a 6 palavras, quebre em linhas em vez de reduzir o corpo.
• Posição. As melhores zonas para o texto são os terços superior e inferior; o centro costuma estar ocupado pelo objeto. Respeite margens de pelo menos 5 por cento da largura, para que o texto não seja cortado no recorte da plataforma. Alinhe à esquerda ou ao centro; à direita, use raramente. Não ponha texto sobre rostos e detalhes-chave do produto.

Um ponto à parte sobre os marketplaces: na foto principal do produto o texto extra costuma ser proibido, mas no segundo e terceiro slides o infográfico com legendas é bem-vindo. Por isso é útil saber de antemão qual fundo escolher para o card do produto e como fotografar o produto para a loja. Se você precisa ajustar o quadro às proporções da plataforma antes de aplicar o texto, é cômodo usar o recorte de foto, e montar o pacote pronto de imagens com a preparação para marketplace.

O texto na foto vive pelas regras de cada plataforma. Se você as descumpre, o card é rejeitado ou o banner não passa na moderação. Reunimos os requisitos-chave e os deslizes típicos.

• Mercado Livre. Foto principal sem legendas de publicidade, marcas-d'água nem logotipos de outras marcas. O infográfico com texto vai nos slides adicionais. Excesso de texto no quadro principal é causa comum de rejeição.
• Amazon. Regras parecidas, fundo branco na foto principal, proporção recomendada em torno de 1:1 ou 3:4, com um lado mínimo de resolução. Texto e infográfico nas fotos adicionais, sem cobrir o produto em mais da metade.
• Shopee. A imagem principal limpa, sem legendas estranhas; fotos adicionais com texto são permitidas. Mantenha boa resolução e um recorte que não corte a legenda.
• Fotos para documentos. Aqui é o contrário: nenhum texto, legenda ou marca-d'água deve aparecer na foto. Se você precisa de uma foto para documento, texto e logotipos são inadmissíveis, é outra história.

Agora os erros frequentes, que corrigimos com mais frequência:

• Texto se funde com o fundo. Falta base ou contorno. A solução está na seção sobre legibilidade acima.
• Texto demais. A imagem vira um panfleto. Deixe uma ideia principal por imagem.
• Fonte malfeita e cores berrantes. Três fontes diferentes e cinco cores parecem publicidade dos anos 2000.
• Texto colado na borda. É cortado no recorte do feed ou na prévia.
• Imagem esticada ou turva. Se o original é pequeno, o texto vai borrar. Primeiro convém aumentar a resolução da foto e só depois aplicar a legenda.
• Arquivo pesado. Depois de aplicar o texto, o PNG pode pesar megabytes. Para a web, comprima-o, por exemplo com a compressão de foto ou a conversão em AVIF.

Se o formato do original é inconveniente, por exemplo HEIC do iPhone, primeiro converta-o para um formato comum e só então adicione a legenda. E todas as nossas ferramentas estão reunidas em um só lugar, na página do hub de ferramentas.

Uma assinatura simples, um preço ou uma legenda de story você faz sozinho em um minuto na ferramenta online; não é o tipo de tarefa que exige um designer. Mas há casos em que é melhor deixar o trabalho conosco. Primeiro: uma linha inteira de cards para marketplace, com um infográfico unificado no mesmo estilo em 50 a 100 produtos, aqui importa o sistema, não a legenda avulsa. Segundo: montagem complexa, quando o texto deve contornar o objeto, acompanhar a forma ou ser encaixado com capricho na composição. Terceiro: banners de publicidade sob um brand-book específico, com fontes da marca e tipografia precisa. Nesses casos assumimos o projeto por completo e entregamos o pacote pronto. E, se você quer aprender a fazer isso no nível profissional, temos um curso de retoque, onde tratamos tanto do trabalho com texto quanto da preparação de cards.

Vamos ao resumo. A legenda na foto funciona quando três coisas são respeitadas: contraste (base ou contorno), fonte sem serifa legível no tamanho certo e boa posição com margens das bordas. Leve em conta as regras da plataforma: na foto principal do marketplace o texto costuma ser dispensável, e nos slides adicionais o infográfico com legendas só ajuda. Evite o excesso, as cores berrantes e o texto colado na borda. Tudo isso se aplica com facilidade, sem abrir o Photoshop.

Adicionar uma legenda na foto é simples, se você age em ordem e pensa na legibilidade desde o começo. A sequência geral é a mesma em qualquer ferramenta.

1. Carregue a foto e escolha a ferramenta de adicionar texto.
2. Escreva o texto e coloque-o em uma zona tranquila do quadro, sem detalhes importantes nem fundo cheio.
3. Escolha a fonte e o tamanho de modo que a legenda se leia mesmo reduzida, o que é crítico para a prévia.
4. Garanta o contraste. Texto claro sobre área escura ou escuro sobre clara; se preciso, acrescente base ou contorno.
5. Alinhe e verifique as margens das bordas, para que a legenda não cole na borda do quadro.
6. Salve no formato desejado e verifique como o texto fica no tamanho pequeno.

O princípio principal em todos os passos é a legibilidade: o texto deve ser lido na hora, e não se fundir com o fundo.

Dá para aplicar uma legenda direto no smartphone, de várias formas. A mais rápida para as redes sociais são os editores integrados: nos stories dos aplicativos há uma ferramenta de texto com estilos prontos, onde a legenda é adicionada em poucos toques. Para um resultado mais controlado, abra a ferramenta online no navegador do celular, carregue a foto, adicione o texto com a fonte e a cor desejadas e salve. No iPhone dá para pôr uma assinatura simples pela função Marcação no aplicativo Fotos, e no Android pelo editor da galeria.

Para que a legenda no celular fique caprichada, e não como um adesivo aleatório, siga as mesmas regras de legibilidade: fonte grande e nítida, contraste com o fundo, base ou contorno nas áreas cheias, margem das bordas. Não ponha texto sobre o rosto ou sobre o detalhe-chave do produto. Para stories e posts rápidos, os recursos integrados bastam; para banners, capas e cards, onde importa um estilo unificado, é mais cômodo um editor online completo.

Nos cards de produto, o texto funciona como infográfico: legendas curtas destacam nos quadros da galeria as vantagens-chave, características, medidas, composição, cenários de uso. Isso ajuda o comprador a entender o produto em segundos, sem ler a descrição. Mas há uma restrição importante: na foto principal do produto o texto costuma ser proibido pelas regras das plataformas, e por uma legenda sobre o primeiro quadro o card pode ser ocultado ou rejeitado. Por isso o texto vai no segundo e nos quadros seguintes, e a foto principal fica limpa.

As regras de um bom texto no card são simples. Escreva de forma curta e direta, uma ideia por quadro, com fonte grande e legível, porque a visualização é pelo celular. Mantenha um estilo unificado, uma fonte e uma paleta em toda a galeria e em todos os produtos da loja, assim os cards parecem uma marca, e não um punhado de imagens aleatórias. Não sobrecarregue o quadro de texto, deixe respiro, senão o infográfico vira um amontoado. Pela experiência de preparar cards para lojas, é justamente a tipografia caprichada em estilo unificado, e não as legendas berrantes em fontes diferentes, que aumenta a confiança na vitrine e ajuda a vender.

Nas redes sociais, o texto na foto resolve a tarefa de fisgar a atenção no feed e transmitir a essência sem som. Para posts, stories e capas, a legenda deve ser lida na hora e em tela pequena. Aqui funcionam títulos grandes, frases curtas e acentos de cor. É importante deixar zonas seguras: nos stories, o topo e a base costumam ser cobertos pela interface, avatar, botões, legendas da plataforma, por isso o texto-chave fica na parte central do quadro, para não ser cortado.

Vale amarrar o estilo do texto à sua imagem ou marca: uma ou duas fontes fixas, uma paleta reconhecível, uma maneira única. Assim seus posts são reconhecidos no feed mesmo sem logotipo. Para stories dinâmicos dá para usar texto animado e adesivos dos editores integrados, e para capas e posts mais elaborados é melhor montar o layout em um editor com controle de fonte e composição. A regra geral é a mesma de sempre: contraste com o fundo, base ou contorno nas áreas cheias, margens das bordas e nada de texto sobre o rosto ou o objeto principal, se isso atrapalha a percepção.

• Texto se funde com o fundo. Legenda clara sobre área clara ou cheia é ilegível. Acrescente contraste, base ou contorno.
• Fonte pequena demais. Na prévia e no celular o texto não se lê. Faça a legenda grande, verifique reduzida.
• Legenda sobre rosto ou produto. O texto cobre o principal. Coloque-o em uma zona tranquila do quadro.
• Muitas fontes diferentes. Três ou quatro fontes num quadro parecem amadoras. Limite-se a uma ou duas.
• Texto colado na borda. A legenda cola na borda ou é cortada. Deixe margens.
• Texto na foto principal do card. Violação das regras do marketplace, risco de ocultação. Texto só nos quadros adicionais.

Cor e acabamento do texto decidem se a legenda será lida ou se perderá. O princípio-base é o contraste máximo com o que está atrás do texto: em fundo escuro, texto claro; em fundo claro, escuro. Se o fundo é cheio ou irregular, a cor pura não basta, é preciso ajuda: uma base semitransparente sob o texto, um contorno fino de cor contrastante ou uma sombra suave separando as letras do fundo. Esses recursos garantem a legibilidade mesmo sobre uma imagem complexa e ficam caprichados, se você não exagerar.

Com os efeitos, é importante ter medida. Uma sombra leve ou um contorno ajudam, mas vários efeitos de volume, gradientes, brilhos e sombras de uma vez deixam a legenda espalhafatosa e barateiam o quadro. Vale amarrar a cor do texto à paleta da marca ou ao clima geral da foto, em vez de pegar um tom vivo aleatório. Para conteúdo comercial e de produto, prefira soluções contidas: texto branco ou escuro, base caprichada, uma cor de acento. Para redes sociais, cabe algo mais vivo, mas ali também a legibilidade importa mais que o enfeite.

Como deixar o texto legível em fundo cheio?

Adicione sob o texto uma base semitransparente ou um contorno fino de cor contrastante. A cor pura da fonte, sobre fundo irregular, costuma não bastar.

Dá para adicionar texto na foto principal do produto?

Na foto principal do card, o texto costuma ser proibido pelas regras das plataformas e arrisca a ocultação. As legendas vão no segundo e nos quadros seguintes da galeria.

Que fonte escolher para a legenda?

Uma fonte simples e bem legível, sem excesso de decoração. Para conteúdo comercial e de produto, cabe uma fonte sem serifa nítida; limite-se a uma ou duas fontes por quadro.

Como adicionar texto em várias fotos no mesmo estilo?

Use um modelo com fonte, cor e posição definidas, mudando só o texto. Isso mantém o estilo unificado em toda a galeria ou catálogo.

No banner de publicidade e no anúncio, o texto carrega a maior parte do peso: ele deve, em um instante, comunicar a essência da oferta e fisgar. Aqui funciona uma hierarquia rígida. O título principal, grande e contrastante, prende o olhar e transmite a vantagem-chave ou a oferta. O subtítulo ou uma linha curta detalha. O chamado para ação, botão ou frase, diz o que fazer a seguir. Tudo isso deve ser lido mesmo num olhar rápido e em tela pequena, por isso pouco texto e fonte grande.

Um erro comum na publicidade é o excesso: quando se despeja tudo no banner de uma vez, em fonte pequena, em várias colunas, o leitor não absorve nada. Melhor uma ideia forte em tamanho grande do que dez pequenas. Mantenha o contraste do texto com o fundo, deixe respiro ao redor da legenda, use cores e fontes da marca para reconhecimento. Se o banner for para formatos diferentes, feed, stories, capa, prepare versões para cada tamanho, para que o texto não seja cortado nem fique minúsculo em lugar nenhum.

Às vezes é preciso pôr na foto não uma legenda de publicidade, mas uma de serviço: a data da captura, a assinatura do autor, o símbolo de copyright. A data é adicionada, por exemplo, em registros de relatório, de obra ou documentais, onde importa fixar o momento. Essa legenda costuma ir num canto, em fonte pequena e legível, com uma base leve ou cor contrastante, para não atrapalhar o conteúdo, mas continuar clara. É importante que a data esteja correta e uniforme em toda a série, se for material de relatório.

A assinatura do autor e o símbolo de copyright funcionam como uma forma leve de proteção e branding, próxima da marca-d'água, mas mais delicada. Ficam num canto ou ao longo da borda, em texto semitransparente caprichado. Para o fotógrafo, é um modo discreto de marcar a autoria; para a empresa, de indicar que a foto pertence à marca. Como com a marca-d'água, guarde o original sem assinatura à parte, para entregar o arquivo limpo quando necessário. As legendas de serviço, data, assinatura, copyright, têm uma regra em comum: devem ser legíveis, mas não roubar a atenção da própria imagem, por isso são feitas de forma contida e caprichada.

A ferramenta é gratuita e funciona sem cadastro: você abre a foto, adiciona a assinatura e baixa o resultado na hora, sem precisar de conta.

O processamento acontece direto no navegador: você desenha ou digita a assinatura sobre o seu registro; o arquivo não vai para servidores externos nem é publicado em lugar nenhum.

De três formas: desenhar a assinatura à mão com o mouse ou o dedo na tela, digitar o texto em fonte manuscrita, ou carregar um PNG transparente pronto com o carimbo, e depois arrastá-lo para o lugar desejado.

A própria foto não é recomprimida sem necessidade, e a assinatura é aplicada como uma camada separada, por isso o carimbo sai uniforme e o fundo permanece na resolução original.

Sim, a tela suporta desenho com o dedo, então a assinatura pode ser feita direto no navegador do celular, sem instalar aplicativos.