Overlay de marca: tutorial antes/depois
A sobreposição cor de marca transforma fotos stock genéricas em criativos com identidade — sem redesenhar do zero.
O que precisa saber
El overlay aplica una capa semitransparente del color corporativo sobre la foto. Opacidad 15-30% mantiene la imagen visible; 40%+ tiñe demasiado.
El overlay aplica una capa semitransparente del color corporativo sobre la foto. Opacidad 15-30% mantiene la imagen visible; 40%+ tiñe demasiado.
El overlay aplica una capa semitransparente del color corporativo sobre la foto. Opacidad 15-30% mantiene la imagen visible; 40%+ tiñe demasiado.
El overlay aplica una capa semitransparente del color corporativo sobre la foto. Opacidad 15-30% mantiene la imagen visible; 40%+ tiñe demasiado.
El overlay aplica una capa semitransparente del color corporativo sobre la foto. Opacidad 15-30% mantiene la imagen visible; 40%+ tiñe demasiado.
El overlay aplica una capa semitransparente del color corporativo sobre la foto. Opacidad 15-30% mantiene la imagen visible; 40%+ tiñe demasiado.
Passo a passo
En SMALLADAPT: sube la foto, adapta al formato, activa overlay de color, elige el hex de tu marca y ajusta opacidad. Compara antes/después en la vista previa.
En SMALLADAPT: sube la foto, adapta al formato, activa overlay de color, elige el hex de tu marca y ajusta opacidad. Compara antes/después en la vista previa.
En SMALLADAPT: sube la foto, adapta al formato, activa overlay de color, elige el hex de tu marca y ajusta opacidad. Compara antes/después en la vista previa.
En SMALLADAPT: sube la foto, adapta al formato, activa overlay de color, elige el hex de tu marca y ajusta opacidad. Compara antes/después en la vista previa.
En SMALLADAPT: sube la foto, adapta al formato, activa overlay de color, elige el hex de tu marca y ajusta opacidad. Compara antes/después en la vista previa.
En SMALLADAPT: sube la foto, adapta al formato, activa overlay de color, elige el hex de tu marca y ajusta opacidad. Compara antes/después en la vista previa.
Erros comuns
Overlay al 80% destruye la foto. Color de marca sobre fondo del mismo tono desaparece. Olvidar adaptar formato antes del overlay desalinea proporciones.
Overlay al 80% destruye la foto. Color de marca sobre fondo del mismo tono desaparece. Olvidar adaptar formato antes del overlay desalinea proporciones.
Overlay al 80% destruye la foto. Color de marca sobre fondo del mismo tono desaparece. Olvidar adaptar formato antes del overlay desalinea proporciones.
Overlay al 80% destruye la foto. Color de marca sobre fondo del mismo tono desaparece. Olvidar adaptar formato antes del overlay desalinea proporciones.
Overlay al 80% destruye la foto. Color de marca sobre fondo del mismo tono desaparece. Olvidar adaptar formato antes del overlay desalinea proporciones.
Overlay al 80% destruye la foto. Color de marca sobre fondo del mismo tono desaparece. Olvidar adaptar formato antes del overlay desalinea proporciones.
Checklist final
¿Opacidad 15-30%? ¿Color hex correcto? ¿Formato adaptado? ¿Contraste suficiente con texto encima?
¿Opacidad 15-30%? ¿Color hex correcto? ¿Formato adaptado? ¿Contraste suficiente con texto encima?
¿Opacidad 15-30%? ¿Color hex correcto? ¿Formato adaptado? ¿Contraste suficiente con texto encima?
¿Opacidad 15-30%? ¿Color hex correcto? ¿Formato adaptado? ¿Contraste suficiente con texto encima?
¿Opacidad 15-30%? ¿Color hex correcto? ¿Formato adaptado? ¿Contraste suficiente con texto encima?
¿Opacidad 15-30%? ¿Color hex correcto? ¿Formato adaptado? ¿Contraste suficiente con texto encima?
Presets vs tamanho personalizado
Os presets cobrem Instagram, TikTok, YouTube, Facebook, LinkedIn e X com um clique. Quando o briefing pede pixels exactos fora dessa lista — Open Graph 1200×630, email 600 px de largura, banner Twitch — use o tamanho personalizado. Melhor um preset próximo arredondado a olho do que perder dez minutos a calcular: o adaptador aceita largura e altura livres com o mesmo fluxo de recorte.
Os presets cobrem Instagram, TikTok, YouTube, Facebook, LinkedIn e X com um clique. Quando o briefing pede pixels exactos fora dessa lista — Open Graph 1200×630, email 600 px de largura, banner Twitch — use o tamanho personalizado. Melhor um preset próximo arredondado a olho do que perder dez minutos a calcular: o adaptador aceita largura e altura livres com o mesmo fluxo de recorte.
Os presets cobrem Instagram, TikTok, YouTube, Facebook, LinkedIn e X com um clique. Quando o briefing pede pixels exactos fora dessa lista — Open Graph 1200×630, email 600 px de largura, banner Twitch — use o tamanho personalizado. Melhor um preset próximo arredondado a olho do que perder dez minutos a calcular: o adaptador aceita largura e altura livres com o mesmo fluxo de recorte.
Os presets cobrem Instagram, TikTok, YouTube, Facebook, LinkedIn e X com um clique. Quando o briefing pede pixels exactos fora dessa lista — Open Graph 1200×630, email 600 px de largura, banner Twitch — use o tamanho personalizado. Melhor um preset próximo arredondado a olho do que perder dez minutos a calcular: o adaptador aceita largura e altura livres com o mesmo fluxo de recorte.
Os presets cobrem Instagram, TikTok, YouTube, Facebook, LinkedIn e X com um clique. Quando o briefing pede pixels exactos fora dessa lista — Open Graph 1200×630, email 600 px de largura, banner Twitch — use o tamanho personalizado. Melhor um preset próximo arredondado a olho do que perder dez minutos a calcular: o adaptador aceita largura e altura livres com o mesmo fluxo de recorte.
Os presets cobrem Instagram, TikTok, YouTube, Facebook, LinkedIn e X com um clique. Quando o briefing pede pixels exactos fora dessa lista — Open Graph 1200×630, email 600 px de largura, banner Twitch — use o tamanho personalizado. Melhor um preset próximo arredondado a olho do que perder dez minutos a calcular: o adaptador aceita largura e altura livres com o mesmo fluxo de recorte.
Peso, formato e dupla compressão
Um JPG bem exportado quase sempre vence um PNG enorme para redes. A plataforma recomprimirá.
Cada passo intermédio pode comprimir de novo — mantenha um master de qualidade.
Para vários formatos, desenhe primeiro o canvas mais exigente e derive o resto com corte consciente.
Perguntas frequentes
Preciso de Photoshop? Não para tamanho e proporção.
Perco qualidade? Menos do que esticar.
Mesma imagem em todas as redes? Sim, um export por proporção.
Design só em PDF? Exporte PNG a 2× e adapte.
PNG ou JPG? JPG para fotos ; PNG para transparência.
Resumo e próximos passos
O fluxo que menos falha: definir formato destino antes de desenhar, exportar ao tamanho exacto, verificar em telemóvel real, depois agendar.
Para outra rede, adapte proporção com corte consciente — não reutilize ficheiro esticado.
Fora dos presets, use tamanho personalizado.
Experimente o adaptador — abrir SMALLADAPT.
