Akadémia
9 percKezdő

Saját grafika AI-jal – szöveg nélkül, ahogy a profik

Röviden

Az AI-képgenerátor hátteret és hangulatot rajzol, a szöveget pedig mindig a weboldal kódja adja – így éles és hibátlan marad.

Amire szükséged lesz
  • Egy AI-képgenerátor (pl. Higgsfield)
  • A sablon képleírása a prompt „Képek” részéből

Az aranyszabály

Soha ne rajzoltass szöveget az AI-jal. A magyar ékezetek, a pontos márkanevek és a telefonszámok a generált képeken szinte mindig hibásak lesznek. A szöveg a HTML-ben él, a kép csak hangulatot ad.

1. Indulj a prompt „Képek" szakaszából

Minden Affilion Motion prompt leírja, milyen képarány és hangulat kell az egyes helyekre. Ezt fogalmazd át a képgenerátornak.

2. A jó képprompt szerkezete

  1. Téma és szereplők (kitalált emberek, ne ismert arcok)
  2. Fény és napszak („aranyóra", „puha stúdiófény")
  3. Színvilág – a weboldal palettájához igazítva
  4. Kompozíció – hagyj üres helyet ott, ahová a szöveg kerül
  5. Zárómondat: no text, no letters, no logos, no watermark

3. Méret és formátum

Hero: 16:9 vagy 21:9, legalább 1800 px széles. Termék és avatar: 1:1. Mentsd webp formátumban, 350 KB alatt – így az oldal gyors marad.

4. Cseréld be a Lovable-ben

Töltsd fel a képet, és írd meg pontosan, hová kerüljön: „A hero háttérképét cseréld erre, a fókuszpont a kép jobb harmada legyen."

Gyakori kérdések

Használhatok stockfotót?+

Igen, ha a licence engedi. A saját generált képek előnye, hogy egyediek, és pontosan a palettádhoz illenek.

Következő lecke
Az első weboldalad 10 perc alatt egy Affilion Motion prompttal