susanatoth.com alapozó · 03 / 05 Képek, grafikák Claude Design kihívás
Alapozó 03 · kép és grafika · 16 fejezet

Képek,
amiket használni is szabad.

Milyen képfajták vannak, melyik formátum mire jó, mennyit nyomhat egy kép, mit szabad felhasználni - és mit kell tudni akkor, ha a képet nem lefotózod, hanem legeneráltatod.

Formátumok Licenc és szerzői jog Képprompt-recept
01 · A kép feladata

A kép nem dekoráció. Munkája van.

A jó kép megmondja a látogatónak, hogy jó helyen van, mielőtt egy szót is elolvasna. Megmutatja a terméket, a helyszínt, az embert, a folyamatot. Ráadásul emlékezetet ad: aki egy hét múlva visszakeres, gyakran nem a címre emlékszik, hanem a képre.

A rossz kép ennek az ellentéte. Egy általános, bárkinek eladható mosolygós irodai fotó azt üzeni, hogy itt nincs semmi konkrét. A látogató nem tudja megfogalmazni, mi a baj - csak kevesebbet hisz el.

Egy telefon is tud jó fotót csinálni. A képminőség egy dolog, a képalkotás egy másik.
02 · Kétféle kép

Pixelekből vagy vonalakból.

Raszteres · pixeles

Kis színes kockákból áll. Ez minden fotó. Nagyítva elveszti az élességét, mert nincs több információ benne, mint amennyit felvettek.

.jpg · .png · .webp · .avif · .gif
Vektoros · vonalas

Utasításokból áll: kör, vonal, sokszög. Bármilyen méretben éles marad, névjegyen és molinón is. Logónak, ikonnak, ábrának ez a helyes forma.

.svg · .ai · .eps · .pdf

Egy irányba működik az átjárás: vektorosból bármikor lesz pixeles. Visszafelé nem - egy fotót nem lehet gombnyomásra vektorrá tenni. Ezért kérd a logódat mindig vektorosan is.

03 · Formátumok

Melyik kiterjesztés mire való?

FormaMireAmit tudni kell
.jpgFotóVeszteségesen tömörít: minél kisebb a fájl, annál több részlet vész el. Minden újramentéssel tovább romlik.
.pngÁtlátszó háttér, éles vonalNem romlik a mentéstől, de nagyobb fájl. Termékfotóhoz kivágott háttérrel, képernyőképhez ideális.
.webpMa ez a webes alapUgyanaz a képminőség lényegesen kisebb fájlban, átlátszósággal is. Minden böngésző érti. Ha van választásod, ezt válaszd.
.avifA legkisebb fájlMég jobb tömörítés, mint a webp. Nagy hero-képeknél érdemes, ha az eszközöd tudja exportálni.
.svgLogó, ikon, ábraNem kép, hanem kód. Bármilyen méretben éles, pár kilobájt, és a színe kódból állítható.
.gifMár csak megszokásbólAnimációra ma videó vagy webp jobb: kisebb és szebb. Rövid mozgóképnél kérj mp4-et helyette.
04 · Súly

A fényképezőgépből kijövő kép nem való a weboldalra.

Egy telefonos fotó több megabájt is lehet. Egy weboldalra szánt kép ennek a huszada. Ha nyersen feltöltöd, az oldal lassú lesz - és a lassú oldalt a látogató elhagyja, mielőtt meglátná a szép fotót.

2000 px
Elég szélesség egy nagy, teljes szélességű képhez.
800 px
Elég egy cikkbe, kártyába illesztett képhez.
200 KB
Jó cél egy normál képnél. Nagy hero-nál 400 KB a felső határ.
70-80%
Tömörítési minőség. Innen lefelé már látszik a folt.
Két dolog, amit kérj el

Több méret ugyanabból a képből - a telefon kisebbet töltsön le, a nagy monitor nagyobbat. Ez a reszponzív kép.

Késleltetett betöltés - a lap alján lévő képek csak akkor töltsenek be, amikor odaérsz. Egy szó a kódban, sokat gyorsít.

Ha kézzel tömörítenél egy képet, mielőtt odaadod: Squoosh - a Google ingyenes, böngészőben futó eszköze, semmit nem kell telepíteni hozzá.

05 · Négy forrás

Honnan legyen képed?

Négy út van, és mind a négynek van helye. A sorrend nem véletlen: a saját kép mindig többet ér, mint a legszebb idegen.

01 · legjobb
Saját fotó

A műhelyed, a terméked, te magad. Egy jó telefon elég hozzá. Nincs licenckérdés, és senki másnak nem lehet ugyanez.

02
Ingyenes fotóbank

Üzleti célra is szabadon használható képek, pl. az Unsplash vagy a Pexels. Gyors és legális - de sokan ugyanezeket használják.

03
Fizetős fotóbank

Nagyobb választék, tisztább jogi helyzet. Figyelj a licencszintre: egy pár dolláros kép nem tehető rá tömegtermékre.

04
AI-val generált

Akkor jó, ha olyan kép kell, ami nem létezik: háttér, textúra, absztrakt ábra, illusztráció. Emberekkel és termékekkel óvatosan.

Ami nem forrás

A Google képkereső. Ott más weboldalak tartalma jelenik meg: nekik esetleg van rá joguk, neked nincs. Az sem mentesít, ha ők is bizonytalan helyről vették. Ha nem tudod, honnan van egy kép, ne használd.

06 · Szerzői jog

A kép valakinek a terméke.

Ha otthon kinyomtatod és felteszed a falra, az magánhasználat - ott a jog megengedőbb. Amint a weboldaladon van, üzleti felhasználás, és onnantól a kép áru, ami másé. A fotókat, grafikákat, ikonokat valaki elkészítette, és eldöntheti, hol, hogyan és mennyiért használják.

Magyarországon ezt az 1999. évi LXXVI. törvény szabályozza. Két dolog, amit érdemes fejben tartani: a szerzői jogról nem lehet lemondani, és amikor vásárolsz, jellemzően felhasználási jogot veszel, nem a művet. Ezért minden letöltésnél a te feladatod megnézni, mit engedélyeztek - és hogy kell-e forrást megjelölnöd.

Fizetős

Bármilyen felhasználásra, licencszintekkel. Ide tartoznak a védett arcok és karakterek is - azokra külön engedély kell.

Ingyenes, üzleti célra is

Ilyen a legtöbb nagy fotóbank és a Creative Commons licencek egy része. Nézd meg, kell-e névmegjelölés.

Csak magáncélra ingyenes

Hobbifotósok, rajzolók oldalain gyakori. Üzleti oldalra tenni jogsértés, akkor is, ha ingyen letölthető.

Egy kis cégnek magyarázkodni kellemetlen, és egy jogsértéses eset sokáig ott marad a neved mellett a keresőben. Az a pár ezer forint, amennyibe egy licenc kerül, ennél mindig kevesebb.

07 · AI-val generált kép

Ez a rész új, és még alakul.

A generált képek jogi helyzete országonként más, és évente változik. Nem vagyok jogász, ezért nem is adok jogi tanácsot - de van négy szabály, amivel a kisvállalkozó biztonságban van.

01
Olvasd el a szolgáltatás feltételeit
A legtöbb nagy eszköz engedi a kereskedelmi felhasználást, de vannak, amelyek csak fizetős csomagban. Ez egy bekezdés elolvasása, egyszer.
02
Ne kérj létező márkát, logót vagy hírességet
Az, hogy az AI megrajzolja, nem jelenti azt, hogy használhatod. A védjegy és a képmáshoz való jog attól nem szűnik meg, hogy generálva van.
03
Ne állítsd valóságnak, ami nem az
Generált vevő, generált ügyfélvélemény, generált termékfotó arról, ami nincs - ez nem jogi kérdés, hanem bizalmi. Egyszer derül ki, és utána vége.
04
Tartsd meg a promptot
Írd le, mivel és mit kértél. Így tudod újra előállítani a képet, és tudod igazolni, honnan van. A generált fájlokba több eszköz jelölést is tesz - ezt ne töröld ki.
08 · Határok

Mikor generálj, és mikor fotózz?

Generálj
Hátterek, textúrák, minták Absztrakt ábrák, folyamatrajzok Illusztráció cikkhez, blogbejegyzéshez Ikonok, egyszerű vonalas grafikák Hangulatkép, ami nem konkrét helyet mutat
Fotózz
A terméked - ezt nem lehet kitalálni Te magad és a csapatod A műhely, a bolt, a helyszín Igazi vevők, igazi eredmények Bármi, aminek a hitelessége a lényeg

A gyakorlatban a legjobb oldalak vegyesek: saját fotó ott, ahol a bizalom a tét, generált vagy vektoros grafika ott, ahol csak ritmust és látványt kell adni.

09 · Prompt

A képprompt hat összetevője.

Egy kép leírásánál ugyanaz a rendszer, mint amikor egy fotósnak magyaráznád el, mit szeretnél. Mi legyen a képen, honnan nézzük, milyen a fény, milyen a stílus, milyen az arány, és hova kerül.

TárgyMi van a képen. Konkrétan, egy mondatban.
NézőpontKözeli, félközeli, felülről, oldalról. Mennyi legyen körülötte a levegő.
FényTermészetes ablakfény, késő délutáni, műtermi, kontrasztos. A fény adja a hangulatot.
StílusFotó vagy rajz. Ha rajz: vonalas, akvarell, lapos szín. Ide írd a színpalettádat is.
ArányFekvő 16:9, négyzet 1:1, álló 4:5. Aszerint, hova kerül az oldalon.
Amit neFelirat a képen, embléma, tömeg, giccs. Amit nem kérsz, azt is mondd ki.
Gyenge prompt
Csinálj egy képet a szappanjaimról.
Használható prompt
Négy kézműves szappan egy világos fa deszkán, felülről fotózva, körülöttük szabad hely a feliratnak. Puha, természetes ablakfény oldalról, meleg tónus, halvány árnyékok. Nyugodt, kézműves hangulat, krém és fahéj színek. Fekvő 16:9. Ne legyen rajta felirat, embléma és ne legyen benne ember.
10 · Két kép egymás mellett

A generikus kép rosszabb, mint a semmi.

Tedd egymás mellé a két képet, amit a saját oldaladhoz találtál vagy generáltál. Bal oldalra azt, ami bárkié lehetne, jobbra azt, ami csak a tiéd. Ez az összehasonlítás minden szabálynál többet tanít.

Bárkié lehetne
Ide egy általános stock- vagy AI-kép
Csak a tiéd
Ide a saját fotód ugyanarra a helyre
11 · Ikon és illusztráció

Az ikonoknál az egységesség a minőség.

Egyetlen szabály van: minden ikon egy szettből jöjjön. Ugyanaz a vonalvastagság, ugyanaz a méret, ugyanaz a lekerekítés. Öt szép ikon öt különböző stílusban rosszabb, mint öt egyszerű ikon egy stílusban. Ha kérsz ikonokat, mondd meg, hogy egyetlen készletként kell működniük - és kérd őket vektorosan.

Egy szett · működik
Négy helyről · nem működik
12 · Amit senki nem lát

Minden képnek van egy szöveges változata.

Ez az alt szöveg. Ezt olvassa fel a felolvasóprogram a vak látogatónak, ez jelenik meg, ha a kép nem tölt be, és ezt olvassa a kereső is. Két mondat munka egy képnél, és három dolgot javít egyszerre.

Használhatatlan
alt="kep1.jpg"
Kevés
alt="szappan"
alt="Négy levendulás szappan fa deszkán"

Kérd el egyszerre: Írj alt szöveget minden képhez, magyarul, egy rövid mondatban, ami leírja, mi látszik.

13 · Arány és vágás

Ugyanaz a kép, három arányban.

A weben egy kép sosem csak egy helyen jelenik meg: kell fekvő a fejlécbe, négyzetes a kártyákra, álló a telefonra. Ezért mindig hagyj levegőt a kép szélén, és tudd, mi a kép lényege - azt kell minden vágásban látni. Ha te adod meg az arányt, nem a rendszer fogja levágni a fontos részt.

16:9
fejléc, hero
1:1
termék, kártya
4:5
mobil, közösségi
14 · Ítélet

Hat kérdés a kapott képhez.

01
Mond valamit, amit a szöveg nem?
Ha csak kitölti a helyet, inkább ne legyen ott.
02
Lehetne bárki más oldalán is?
Ha igen, keress konkrétabbat, vagy fotózz.
03
Illik a színvilágod és a stílusod?
Egy hideg, kék fotó nem áll meg egy meleg krém oldalon.
04
Van rajta gyanús részlet?
A generált képeken az apró dolgok szoktak hibázni: kéz, ujjak, felirat, tükröződés, összeérő tárgyak. Nagyíts rá.
05
Elbírja a szöveget, ami rákerül?
Ha felirat megy rá, kell hozzá nyugodt, egyszínű terület.
06
Tudom, honnan van, és használhatom?
Ha erre nincs válaszod, a kép nem használható. Ez a legegyszerűbb kérdés, és a legdrágább, ha kihagyod.
15 · Szabálylap

A képszabályod, egy blokkban.

Ez az a néhány sor, amit érdemes elmenteni. Illeszd be a napi feladat elejére, és a képek stílusa nem fog naponta változni.

Ezt add meg a képeknél minden feladatnál
A képeim stílusa: ... (fotó vagy illusztráció, fény, tónus, paletta). Minden képhez írj magyar alt szöveget. Ahol nincs igazi képem, helyfoglaló legyen, ne generált termékfotó.
16 · Ellenőrzőlista

Mielőtt kiadod a kezedből

Minden képnél tudom, honnan van, és hogy használhatom.
Egy kép sem nagyobb 400 KB-nál, a legtöbb 200 alatt van.
A logó és az ikonok vektorosak, egy szettből.
Minden képnek van magyar alt szövege.
A generált képeket nagyítva is átnéztem, nincs rajtuk furcsa részlet.
Ahol a hitelesség a tét, ott igazi fotó van.

A legjobb képed a telefonodban van. A többit generáld.

Fotózz ott, ahol a bizalom a tét. Generálj ott, ahol csak látvány kell. És mindkettőnél tudd megmondani, honnan van.

Susana Toth · Claude Design kihívás · 2026