AI obrázky pre web: ako ich generovať a správne použiť
Čím obrázky generovať, ako napísať zadanie, aby výsledok sadol, a čo s nimi spraviť, aby nespomaľovali web.
Obrázky z AI sú dnes najrýchlejší spôsob, ako dostať na web vizuál, ktorý nevyzerá ako fotobanka. Dá sa to zadarmo aj za pár eur mesačne — a s pár trikmi vyzerá výsledok profesionálne.
Čím ich vygenerovať
- ChatGPT — generovanie priamo v chate, najjednoduchší začiatok. V bezplatnej verzii s limitmi.
- Gemini — podobne, s napojením na Google účet.
- Midjourney — najkrajšie výstupy, ale platené a s vlastným ovládaním.
- Modely priamo cez rozhranie — keď obrázky potrebujete generovať automaticky (napríklad ku každému článku), oplatí sa napojiť model na vlastný server a nechať to bežať bez ručnej práce.
Ako napísať zadanie, aby výsledok sadol
Namiesto „pekný obrázok kaviarne“ napíšte štyri veci: čo má byť na obrázku, ako má byť nasvietené, v akom štýle a na aký tvar:
„Interiér malej mestskej kaviarne z pohľadu od baru, ranné svetlo z okna, teplé drevo a zeleň, realistická fotografia, plytká hĺbka ostrosti, formát na šírku 16:9, bez ľudí a bez textu.“
Pridajte aj to, čo tam byť nemá („bez textu, bez logotypov“) — modely majú tendenciu dopĺňať nečitateľné nápisy.
Na čo si dať pozor pri webe
- Veľkosť súboru. Vygenerovaný obrázok má často 2 – 5 MB. Na web patrí verzia vo formáte WEBP s rozumným rozlíšením — inak sa stránka načítava pomaly.
- Rozmery. Uveďte v kóde šírku a výšku, aby počas načítania neposkakoval obsah.
- Alt text. Popis obrázku pre čítačky a pre vyhľadávače. Jedna vecná veta stačí.
- Konzistencia. Držte sa rovnakej palety a štýlu, inak bude web pôsobiť ako koláž.
- Reálne veci nefalšujte. Ak predávate konkrétny produkt alebo ubytovanie, používajte skutočné fotky — vygenerovaná realita je zavádzajúca a zákazníkovi to dôjde.
Autorské práva a označovanie
Podmienky jednotlivých služieb sa líšia — komerčné použitie býva povolené pri platených plánoch, pri bezplatných nie vždy. Vždy si prečítajte podmienky konkrétneho nástroja. A platí to isté, čo pri videu: negenerujte podobizne konkrétnych ľudí ani cudzie značky.
Kde obrázky na webe pomôžu najviac
- Úvodné vizuály sekcií, kde by inak bola prázdna plocha.
- Ilustrácie k článkom a návodom (tento blog ich má tiež — pozrite si náhľady článkov).
- Ikony a jednoduché ilustrácie namiesto fotobankových klišé.
- Varianty na A/B test: tri verzie úvodného obrázku za pár minút.
Ako si takto postaviť celý web aj s obrázkami, ukazuje návod Prvý projekt krok za krokom.