AI obrázky pro e-mailový newsletter: hlavička, oddělovač a patička v jednom stylu

E-mail je nejpřísnější místo, kde obrázek kdy bude žít. O šířce rozhoduje čtenářova poštovní aplikace, může blokovat obrázky do klepnutí, v tmavém režimu může převrátit vaše barvy a váš font nemusí zobrazit vůbec. AI obrázek pro newsletter proto musíte plánovat pozpátku, od těchto omezení. Tohle je kontrolní seznam pro sadu tří kusů, hlavičku, oddělovač a obrázek do patičky, které budou vypadat, jako by je udělala jedna ruka.

Začněte od sloupce, ne od obrázku

Většina newsletterů sedí v jediném vystředěném sloupci širokém asi 600 pixelů a jen pro ten sloupec musíte navrhovat. Telefony ho zmenší, desktopoví klienti ho prostě vycentrují do prázdného místa. Nejdřív určete šířku sloupce a z ní odvoďte tři formáty.

• Hlavička: plná šířka sloupce, široká a nízká. V nabídce Ratio zvolte široký formát a výšku pak oříznete v editoru.
• Oddělovač: plná šířka, velmi tenký. Žádný model nenakreslí tak tenký pruh přímo; vygenerujte široký obrázek a z nejklidnější části vyřízněte štíhlý pás.
• Obrázek do patičky: stejná šířka jako hlavička, o něco vyšší než oddělovač, aby e-mail končil tvarem a ne právním textem.

Generujte zhruba v dvojnásobné šířce sloupce a v editoru zmenšete, aby obrázky zůstaly ostré na telefonech s hustým displejem. Studio vytváří obrázky až do 2K, což je víc, než sloupec potřebuje. Průvodce poměrem stran vysvětluje, proč je široký formát lepší než čtvercový, který pak ořezáváte.

Žádné slovo do obrázku

Tohle pravidlo zachrání většinu newsletterů. Pokud je nadpis zapečený v obrázku hlavičky, čtenáři, jejichž aplikace blokuje obrázky, uvidí prázdný box, čtečky obrazovky nepřečtou nic a překlep znamená nové vykreslení. Titulek, datum i tlačítko dejte jako živý text a obrázek použijte jen jako pozadí.

Na hlavičku se text pokládá snáz, když má obrázek už klidnou plochu. Pojmenujte ji v promptu, jak ukazuje článek o místě pro text, a motiv umístěte na opačnou stranu. Přidejte také alternativní text, protože někteří čtenáři uvidí jen ten. Stačí krátká prostá věta; vzor najdete v článku o alt textu.

Jedna paleta zapsaná do všech tří promptů

Tři samostatná vykreslení se rozjedou, pokud je nepřipnete. Vyberte dvě nebo tři barvy, pojmenujte je v každém promptu a držte stejný druh motivu a stejné světlo. Ve výše uvedeném příkladu je to švestková, fialová a písková se světlem lampionů. Průvodce barevnými paletami ukazuje, jak je formulovat, aby je model nezaměnil.

Pak použijte první schválenou hlavičku jako předlohu pro oddělovač a patičku a řekněte, co zachovat (paletu a světlo) a co změnit (motiv). Věnuje se tomu článek o referenčních obrázcích. Pro všechny tři použijte stejný model; Still je dobrá výchozí volba od €0.40 za vykreslení a Still Lite od €0.30 stačí k vyzkoušení kompozic před finální verzí.

Přizpůsobte obrázek pozadí e-mailu

Nejdřív zvolte barvu pozadí e-mailu a okraje každého obrázku do ní nechte splynout. Hlavička, která na bílé stránce končí tvrdou čárou, vypadá jako nalepený obdélník. Jedno řešení je nechat obrázek u spodního okraje vyblednout přesně do barvy stránky; jiné je napsat barvu stránky do promptu a požádat o jemnou vinětu. Výsledek zkontrolujte ve svém poštovním nástroji, ne jen ve studiu.

Tmavý režim je druhý test. Některé aplikace světlá pozadí invertují a obrázek se světlým okrajem pak může mít ošklivou svatozář. Obrázek s tmavým nebo středně tónovaným okrajem přežije oba režimy nejlépe, což je dobrý důvod držet paletu spíš tmavší.

Soubory: ploché, malé a v nudném formátu

Poštovní aplikace jsou mnohem méně moderní než prohlížeče. Každý kus uložte jako JPEG, nebo jako PNG, pokud má plné barvy, a vyhněte se novějším formátům, které poštovní aplikace podporují nespolehlivě. Cílem je soubor tak malý, aby se e-mail načetl hned i na slabém mobilním připojení; klidný obrázek s malým množstvím detailů se komprimuje mnohem lépe než rušný a prázdná plocha pro titulek pomáhá i zde. Po kompresi zkontrolujte hladké tmavé přechody v plné velikosti, kde se pruhování ukáže jako první.

Co studio v tomto případě neumí

Vytváří rastrové obrázky a e-mail nesestavuje: žádné HTML, žádné řezání, žádné přizpůsobení vašemu sloupci a žádná komprese pro poštovní aplikace. To vše se děje ve vašem editoru nebo newsletterovém nástroji. Vlasový oddělovač jako takový nenakreslí, takže ho vyřízněte ze širšího obrázku. Průhledný výstup mají jen některé modely a pro e-mail se riziko nevyplatí, protože klienti zacházejí s průhledným souborem v tmavém režimu nepředvídatelně; grafiku raději slučte na plnou barvu. A nemůže slíbit, že se tři vykreslení přesně shodují: paleta a předloha vás dostanou blízko, takže sadu v editoru dolaďte, pokud vaše značka vyžaduje přesné barvy.

Otevřete studio, nejdřív vykreslete a schvalte hlavičku, pak z ní vytvořte oddělovač a patičku. Pokud styl nesedí, porovnejte modely obrázků na stránce modelů. Náš článek o hlavních obrázcích blogu pokrývá stejné řemeslo pro webovou stránku, kde jsou pravidla volnější.