Modul 3 · 3.3
Fotók: kiválasztás, feltöltés, készíttetés és jogok
Modul 3: Szövegek, fotók és szekciók · Olvasási idő: 10 perc
Tanulási cél: A lecke után le tudja cserélni a webhelye fotóit saját fotókra vagy AI-képekre, kezelni tud egy galériát, húzással tudja állítani egy fotó méretét és formáját, jó képleírást (alt szöveget) tud írni, és meg tudja ítélni, hogy egy fotót szabad-e használnia.
Kulcsfogalmak: Fotó módosítása, AI-kép, Saját fotók, Média, Leírás (alt szöveg), galéria, Fotók kezelése, forma és fókuszpont, szerzői jog, képmáshoz fűződő jog, hozzájárulás
Miért a fotók jelentik a különbséget
A látogatók először a képeket nézik, és csak utána olvasnak. Az első változat fotóit az AI választotta ki vagy készítette el, illetve a régi webhelyéről származnak (2.3. lecke). Ez egy kezdet. Bas, a Schildersbedrijf Example tulajdonosa számára a munkájáról készült valódi fotók sokkal többet mondanak: egy kifestett lépcsőház, egy homlokzat előtte és utána, Bas és két munkatársa az állványon. A valódi fotók hitelessé teszik Önt.
Egy fotó cseréje
Vigye az egeret az előnézetben egy fotó fölé, és kattintson a Fotó cseréje lehetőségre. Az Elem kiválasztása funkcióval kijelölhet egy fotókat tartalmazó szekciót is, majd a címke melletti Fotó módosítása gombra kattinthat. Megnyílik a Fotó módosítása ablak. Ha a szekcióban több fotó van, először felül válassza ki, melyik fotót szeretné módosítani ("Melyik fotót szeretné módosítani?").

Az ablaknak három füle van:
- AI-kép: az AI új képet készít. Az "Írja le, milyen fotót szeretne" mezőben leírja, mi legyen a képen, majd a 2 új változat készítése gombra kattint. Körülbelül fél perc múlva két javaslatot lát; a Fotó használata gombbal az egyiket a webhelyére teszi. Egy kör 1 szerkesztésbe kerül két változatért. Felül látja, hány szerkesztése maradt még.
- Saját fotók: a Saját fotó feltöltése gombbal saját fotót tesz az adott helyre. JPG, PNG vagy WebP, legfeljebb 8 MB. Ez ingyenes.
- Stockfotók: a szerkesztőben Hamarosan címkével szerepel, és még nem használható.
Minden kiválasztott fotó új verziót jelent; visszalépni a Visszavonás gombbal vagy a Verziók menüpontban lehet (3.5. lecke).
Saját fotót a csevegésen keresztül is feltölthet: csatolja a gemkapocs ikonnal, és írja mellé, hová kerüljön, például "ez a fotó a Rólunk oldal tetejére". Ez az AI-nak adott utasítás; a szövegmező alatt előre látja, mennyibe kerül.
Jó leírás egy AI-képhez
Legyen konkrét: "Fehér overallos festő egy sorház fa ablakkeretét festi, napsütéses idő, közelről" jobban működik, mint az, hogy "festő munka közben". Ne kérjen felismerhető valós személyeket, és ne kérje mások logóit.
Média: minden fotó egy helyen
A sávban lévő Média panelen a webhely összes fotója megtalálható. Szűrhet a Mind, A weboldalon, Nem használt és Logó szerint, felül pedig új fotókat húzhat be.
Kattintson egy fotóra, és ezt látja:
- Hol szerepel: melyik oldalon és melyik szekcióban található a fotó;
- Leírás: az alt szöveg (lásd lent);
- Használat a csevegésben: előkészít egy utasítást, hogy ezt a fotót elhelyezze valahol;
- Csere: új fájlt tesz minden olyan helyre, ahol ez a fotó szerepel;
- Törlés: csak akkor lehetséges, ha a fotó már sehol sem szerepel a webhelyen. Ha még valahol szerepel, a gomb jelzi, hány helyen; ilyenkor először cserélje le.
A galéria
A galériát külön kezeli. Válassza ki a galériát az Elem kiválasztása funkcióval, és kattintson a Fotók kezelése lehetőségre. Megjelennek a Fotók ebben a galériában. Húzással módosíthatja a sorrendet, a kis x-szel kivehet egy fotót, a Fotó hozzáadása gombbal hozzáadhat egyet (a médiatárából vagy újonnan feltöltve), és kiválaszthatja az Oszlopok számát (2, 3 vagy 4). Kattintson a Galéria mentése gombra. Ez nem kerül szerkesztésbe. Legalább egy fotónak a galériában kell maradnia.
A leírás: alt szöveg
Minden fotónak van Leírása. Ez az alt szöveg: egy rövid szöveg, amelyet a képernyőolvasót használók a fotó helyett hallanak, és amelyet a keresőmotorok elolvasnak, hogy megértsék, mi látható a képen. A szerkesztő maga is jelzi a mező alatt: "A Google és a képernyőolvasót használók számára."
A Média panelen tölti ki: kattintson a fotóra, írja be a Leírás mezőbe, mi látható rajta (legfeljebb 200 karakter), és kattintson a Mentés gombra.
A szerkesztő részben segít:
- AI-képnél a kérését veszi át leírásként (a "készíts egy fotót" rész nélkül).
- Saját feltöltésnél a fájlnévből készít leírást, és megkéri, hogy ellenőrizze. Egy "IMG_4021.jpg" nevű fotóból tehát semmi használható nem lesz. Adjon a fájljainak beszédes nevet, például "lepcsohaz-feherre-festve.jpg".
- Ha saját maga írt leírást, és lecseréli a fotót, a szövege megmarad, azzal a kéréssel, hogy ellenőrizze: "Ellenőrizze ennek a fotónak a leírását a Média panelen: lehet, hogy még az előző fotóhoz tartozik."
Egy jó leírás egyetlen mondatban elmondja, mi látható: "Lépcsőház fehér falakkal és sötétszürke korláttal, a Schildersbedrijf Example festette". Ne kezdje azzal, hogy "fotó erről", és ne zsúfoljon bele kulcsszavakat. Ha egy kép pusztán díszítés, a leírás legyen rövid. A 7.3. leckében az A7.3. feladattal ellenőrzi, hogy minden képének van-e leírása.
Méret, forma és fókuszpont állítása húzással
Vigye az egeret az előnézetben egy fotó fölé. Fogópontok jelennek meg:
- szélesebb vagy keskenyebb (jobbra lent);
- magasabb vagy laposabb, vagyis a forma (lent);
- kerekebb vagy szögletesebb sarkok (jobbra fent);
- a fókuszpont: húzza a fotó legfontosabb részére, hogy az látható maradjon, amikor a fotót körbevágják.
Ha duplán kattint egy fogópontra, visszaáll az alapértelmezett méret (a fókuszpontnál: a közép). A húzás ingyenes, és nem használ AI-t. Utána nézze meg Mobil nézetben is: ott a fotót gyakran másképp vágja körbe a rendszer.
Szabad ezt a fotót használnom?
Ez a lecke a 2026. november 10-én érvényes szabályokat ismerteti. Nem minősül jogi tanácsadásnak. Ha bizonytalan a saját helyzetét illetően, kérdezzen meg egy jogászt vagy a szakmai szövetségét.
Szerzői jog. Aki fotót készít, automatikusan szerzői jogot szerez rá. Ezt sehol sem kell regisztrálni. Az alkotó dönti el, hogy mások használhatják, másolhatják és megjeleníthetik-e a fotót, és ha igen, hogyan. Ha engedély nélkül tesz fel valaki más fotóját a webhelyére, megsérti ezt a szerzői jogot, és az alkotó bíróság útján követelheti, hogy hagyja abba, valamint kártérítést kérhet. A szerzői jog nemzetközileg is érvényes, és azokra a fotókra is vonatkozik, amelyeket "csak úgy találtak az interneten". Egy versenytárs fotóját, a Google Képek találatait vagy egy fotós képét licenc nélkül tehát nem használja. Nyílt licenc, például Creative Commons esetén olvassa el a feltételeket, például hogy fel kell-e tüntetnie az alkotó nevét.
Emberek a fotókon. Az a fotó, amelyen valaki felismerhető, személyes adatnak minősül a GDPR szerint. Ha munkáltatóként a munkatársairól szeretne fotókat közzétenni, ehhez jogalapra van szüksége. A holland adatvédelmi hatóság, az Autoriteit Persoonsgegevens (AP) szerint ez általában a munkatárs hozzájárulása. Ez a hozzájárulás bármikor, indoklás nélkül visszavonható; ilyenkor eltávolítja a fotót. A nemet mondás pedig nem járhat hátrányos következményekkel a munkatárs számára. Bas ezért előre hozzájárulást kér a munkatársaitól, és ezt írásban rögzíti. Hollandiában ezenfelül a holland szerzői jogi törvény szerinti képmáshoz fűződő jog is érvényes: aki felismerhetően szerepel a képen, bizonyos esetekben tiltakozhat a közzététel ellen; más országokban a nemzeti jog hasonló védelmet adhat. Az ügyfeleket a házuk előtt fényképezni vagy felismerhető házszámot mutatni szintén csak az ő hozzájárulásukkal szabad.
AI-képek. Az AI-kép nem az Ön munkájáról készült fotó. Ne tegyen fel a webhelyére egy gyönyörűen kifestett ház AI-képét úgy, mintha az az Ön projektje lenne: ez félrevezető az ügyfelek számára. Az AI-képeket hangulatteremtésre használja, a saját munkájához és a csapatához pedig valódi fotókat. A 7.3. lecke részletesebben foglalkozik a képekhez fűződő jogokkal és az AI által írt szövegekkel.
Buktatók
- Bennhagyott mintaképek, amelyek nem illenek az Ön vállalkozásához, vagy olyan AI-képek, amelyek az Ön munkájának tűnnek.
- Semmitmondó fájlnevű fotók feltöltése: használhatatlan leírást kap.
- Túl nagy fotók: 8 MB fölött a feltöltés nem sikerül. Előbb kicsinyítse le őket.
- Csak nagy képernyőn való ellenőrzés: a formát és a fókuszpontot Mobil nézetben is ellenőrizze.
- Mások fotói hozzájárulás vagy licenc nélkül.
A szerkesztőben: így csinálja
- Vigye az egeret egy fotó fölé, és kattintson a Fotó cseréje lehetőségre.
- Válassza a Saját fotók fület és a Saját fotó feltöltése gombot, vagy az AI-kép fület egy konkrét leírással és a 2 új változat készítése gombot.
- Válassza a Fotó használata lehetőséget.
- Nyissa meg a Média panelt, kattintson a fotóra, és töltse ki a Leírás mezőt; kattintson a Mentés gombra.
- A fogópontok húzásával állítsa be a méretet, a formát és a fókuszpontot; ellenőrizze Mobil nézetben.
- Galéria: Elem kiválasztása, Fotók kezelése, sorrend és Oszlopok, Galéria mentése.
Összefoglalás
- A Fotó módosítása ablakban van AI-kép (1 szerkesztés két változatért) és Saját fotók (ingyenes, JPG, PNG vagy WebP, legfeljebb 8 MB); a Stockfotók hamarosan érkezik.
- A Média panelen látja, hol szerepel az egyes fotók, és ott tölti ki a Leírást (alt szöveg); a szerkesztő ad egy kezdő szöveget, Ön pedig ellenőrzi.
- Az előnézet fogópontjai a szélességet, a formát, a sarkokat és a fókuszpontot szabályozzák; dupla kattintással visszaáll az alapértelmezés.
- Mások fotóit csak hozzájárulással vagy licenccel használja; felismerhető embereket csak az ő hozzájárulásukkal; az AI-képeket ne mutassa be saját munkaként.
Kvíz
Feladat
D3.3. feladat: Rendben lévő képek. Gondoskodjon arról, hogy a webhelye legfontosabb képei valóban az Önéi legyenek, jó leírásuk legyen, és telefonon is jól mutassanak.
Ellenőrzőlista:
- [ ] a Média panelen az A weboldalon szűrővel minden fotót átnézett;
- [ ] legalább két mintaképet lecserélt beszédes fájlnevű saját fotókra;
- [ ] a kezdőlap minden fotójának Leírását ellenőrizte vagy megírta;
- [ ] minden olyan fotónál, amelyen emberek vannak, feljegyezte, ki szerepel rajta, és van-e hozzájárulása;
- [ ] minden olyan fotónál, amely nem az Öné, feljegyezte, honnan származik, és milyen licenc vonatkozik rá;
- [ ] a legnagyobb fotó formáját vagy fókuszpontját módosította, és Mobil nézetben ellenőrizte;
- [ ] az Ön munkájára hasonlító AI-képeket lecserélte, vagy úgy helyezte el őket, hogy ne tűnjenek saját projektnek.
Kérdések:
- Melyik fotót cserélte le, és mit mond el az új fotó jobban a vállalkozásáról?
- Másolja ide a legfontosabb fotója leírását (alt szövegét). Egy mondatban elmondja, mi látható a képen?
- Szerepelnek felismerhető emberek a webhelyén? Hogyan rendezte a hozzájárulásukat?
A "kész" után egy mintaválaszt lát: a hero szekció AI-képét lecserélték egy kifestett homlokzatról készült saját fotóra, mert az valódi munkát mutat; leírás: "Egy 1930-as évekbeli ház homlokzata frissen zöldre festett ablakkeretekkel"; a csapatfotón Bas és két munkatársa látható, akik írásban hozzájárultak, és tudják, hogy ezt visszavonhatják.
D3.3. feladat: Rendben lévő képek
Ezt a feladatot saját maga végzi el, senki nem ellenőrzi. Pipálja ki, amit elvégzett, és jelölje meg a feladatot elvégzettként.
A hero AI-képét egy saját fotóra cseréltük egy festett homlokzatról, mert az valódi munkát mutat. Leírás: „Harmincas évekbeli ház homlokzata frissen festett zöld ablakkeretekkel”. A csapatfotón Bas és két munkatárs látható, akik írásban hozzájárultak, és tudják, hogy ezt visszavonhatják.
A pipái és jegyzetei csak ebben a böngészőben maradnak meg, sehova nem küldjük el őket. Ha bejelentkezett, a Fiókomban csak azt tároljuk, hogy elvégezte a feladatot.
További olvasnivaló
- Cím, leírás és alt szöveg beállítása oldalanként
- Ingyenes WordPress-tanfolyam 4.4: Média: képek és alt szöveg
- Szerzői jog (Ondernemersplein, RVO, holland forrás): https://ondernemersplein.overheid.nl/wetten-en-regels/auteursrecht/
- Képanyag a munkahelyen (Autoriteit Persoonsgegevens, holland forrás): https://www.autoriteitpersoonsgegevens.nl/themas/internet-slimme-apparaten/beeldmateriaal/beeldmateriaal-op-de-werkplek
- An alt Decision Tree (W3C WAI, angol nyelvű): https://www.w3.org/WAI/tutorials/images/decision-tree/
