Overlay di marca: tutorial prima/dopo
L'overlay colore brand trasforma foto stock generiche in creatività riconoscibili — senza ridisegnare da zero.
Cosa sapere
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 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.
Errori comuni
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 finale
¿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?
Preset vs misura personalizzata
I preset coprono Instagram, TikTok, YouTube, Facebook, LinkedIn e X con un clic. Quando il brief chiede pixel esatti fuori da quell'elenco — Open Graph 1200×630, email 600 px di larghezza, banner Twitch — usa la dimensione personalizzata. Meglio un preset vicino arrotondato a occhio che perdere dieci minuti a calcolare: l'adattatore accetta larghezza e altezza libere con lo stesso flusso di ritaglio.
I preset coprono Instagram, TikTok, YouTube, Facebook, LinkedIn e X con un clic. Quando il brief chiede pixel esatti fuori da quell'elenco — Open Graph 1200×630, email 600 px di larghezza, banner Twitch — usa la dimensione personalizzata. Meglio un preset vicino arrotondato a occhio che perdere dieci minuti a calcolare: l'adattatore accetta larghezza e altezza libere con lo stesso flusso di ritaglio.
I preset coprono Instagram, TikTok, YouTube, Facebook, LinkedIn e X con un clic. Quando il brief chiede pixel esatti fuori da quell'elenco — Open Graph 1200×630, email 600 px di larghezza, banner Twitch — usa la dimensione personalizzata. Meglio un preset vicino arrotondato a occhio che perdere dieci minuti a calcolare: l'adattatore accetta larghezza e altezza libere con lo stesso flusso di ritaglio.
I preset coprono Instagram, TikTok, YouTube, Facebook, LinkedIn e X con un clic. Quando il brief chiede pixel esatti fuori da quell'elenco — Open Graph 1200×630, email 600 px di larghezza, banner Twitch — usa la dimensione personalizzata. Meglio un preset vicino arrotondato a occhio che perdere dieci minuti a calcolare: l'adattatore accetta larghezza e altezza libere con lo stesso flusso di ritaglio.
I preset coprono Instagram, TikTok, YouTube, Facebook, LinkedIn e X con un clic. Quando il brief chiede pixel esatti fuori da quell'elenco — Open Graph 1200×630, email 600 px di larghezza, banner Twitch — usa la dimensione personalizzata. Meglio un preset vicino arrotondato a occhio che perdere dieci minuti a calcolare: l'adattatore accetta larghezza e altezza libere con lo stesso flusso di ritaglio.
I preset coprono Instagram, TikTok, YouTube, Facebook, LinkedIn e X con un clic. Quando il brief chiede pixel esatti fuori da quell'elenco — Open Graph 1200×630, email 600 px di larghezza, banner Twitch — usa la dimensione personalizzata. Meglio un preset vicino arrotondato a occhio che perdere dieci minuti a calcolare: l'adattatore accetta larghezza e altezza libere con lo stesso flusso di ritaglio.
Peso, formato e doppia compressione
Un JPG ben esportato batte quasi sempre un PNG enorme per i social. La piattaforma ricomprimerà.
Ogni passaggio intermedio può comprimere di nuovo — mantieni un master di qualità.
Per più formati, progetta prima il canvas più esigente e deriva il resto con ritaglio consapevole.
Domande frequenti
Serve Photoshop? No per dimensioni e rapporto.
Perdo qualità? Meno che stirando.
Stessa immagine ovunque? Sì, un export per rapporto.
Design solo in PDF? Esporta PNG a 2× e adatta.
PNG o JPG? JPG per foto ; PNG per trasparenza.
Riepilogo e prossimi passi
Il flusso che fallisce meno: definire il formato target prima di progettare, esportare alla misura esatta, verificare su mobile reale, poi programmare.
Per un'altra rete, adatta il rapporto con ritaglio consapevole — niente file stirato.
Fuori dai preset standard, usa misura personalizzata.
Prova l'adattatore — apri SMALLADAPT.
