Kuvat: valinta, lataaminen, tekoälykuvat ja oikeudet

Moduuli 3: Tekstit, kuvat ja osiot · Lukuaika: 10 minuuttia

Oppimistavoite: Tämän oppitunnin jälkeen osaat vaihtaa sivustosi kuvat omiin kuviin tai tekoälykuviin, hallita galleriaa, säätää kuvan kokoa ja muotoa vetämällä, kirjoittaa hyvän kuvauksen (alt-tekstin) ja arvioida, saatko käyttää kuvaa.

Keskeiset käsitteet: Vaihda kuva, AI-kuva, Omat kuvat, Media, Kuvaus (alt-teksti), galleria, Hallitse kuvia, muoto ja polttopiste, tekijänoikeus, muotokuvaoikeus, suostumus

Miksi kuvat ratkaisevat

Kävijät katsovat ensin kuvia ja lukevat vasta sitten. Ensimmäisen versiosi kuvat valitsi tai teki tekoäly, tai ne tulivat vanhalta sivustoltasi (oppitunti 2.3). Se on hyvä alku. Schildersbedrijf Examplen Basille aidot kuvat hänen työstään kertovat paljon enemmän: maalattu porraskäytävä, julkisivu ennen ja jälkeen, Bas ja hänen kaksi työntekijäänsä telineillä. Aidot kuvat tekevät sinusta luotettavan.

Kuvan vaihtaminen

Vie esikatselussa hiiri kuvan päälle ja valitse Vaihda kuva. Voit myös osoittaa kuvia sisältävän osion toiminnolla Valitse osio ja valita sitten Vaihda kuva tunnisteen vierestä. Ikkuna Vaihda kuva avautuu. Jos osiossa on useampia kuvia, valitse ensin ylhäältä, minkä kuvan haluat vaihtaa ("Minkä kuvan haluat vaihtaa?").

Ikkunassa on kolme välilehteä:

• AI-kuva: tekoäly tekee uuden kuvan. Kirjoita kenttään "Kuvaile haluamasi kuva", mitä kuvassa pitää olla, ja valitse Tee 2 uutta muunnelmaa. Noin puolen minuutin kuluttua näet kaksi ehdotusta; painikkeella Käytä tätä kuvaa lisäät toisen niistä sivustollesi. Yksi kierros kuluttaa 1 muokkauksen kahdesta muunnelmasta. Ylhäällä näkyy, montako muokkausta sinulla on jäljellä.
• Omat kuvat: painikkeella Lataa oma kuva lisäät omaan kuvan tähän kohtaan. JPG, PNG tai WebP, enintään 8 MB. Tämä on maksutonta.
• Kuvapankkikuvat: näkyy sivustoeditorissa merkinnällä Tulossa pian, eikä sitä voi vielä käyttää.

Jokainen valittu kuva on uusi versio; palata voit painikkeella Kumoa tai kohdasta Versiot (oppitunti 3.5).

Oman kuvan voi lisätä myös chatin kautta: liitä se paperiliittimellä ja kirjoita, mihin se tulee, esimerkiksi "tämä kuva Meistä-sivun yläosaan". Se on ohje tekoälylle; tekstikentän alla näet etukäteen, mitä se maksaa.

Hyvä kuvaus tekoälykuvalle

Ole konkreettinen: "Valkoiseen haalariin pukeutunut maalari maalaa rivitalon puista ikkunankarmia, aurinkoinen päivä, lähikuva" toimii paremmin kuin "maalari töissä". Älä pyydä tunnistettavia oikeita henkilöitä tai muiden logoja.

Media: kaikki kuvat yhdessä paikassa

Sivupalkin Media-paneelissa ovat kaikki sivustosi kuvat. Voit suodattaa valinnoilla Kaikki, Sivustolla, Käyttämättömät ja Logo, ja yläosaan voit vetää uusia kuvia.

Valitse kuva, niin näet:

• Missä tätä käytetään: millä sivulla ja missä osiossa kuva on;
• Kuvaus: alt-teksti (katso alempaa);
• Käytä chatissa: valmistelee ohjeen, jolla kuva sijoitetaan johonkin;
• Vaihda: vaihtaa uuden tiedoston jokaiseen kohtaan, jossa tämä kuva on;
• Poista: onnistuu vasta, kun kuvaa ei enää ole missään sivustolla. Jos se on vielä jossain, painike kertoo, monessako kohdassa; vaihda se silloin ensin.

Galleria

Galleriaa hallitaan erikseen. Valitse galleria toiminnolla Valitse osio ja valitse Hallitse kuvia. Näet kohdan Tämän gallerian kuvat. Muuta järjestystä vetämällä, poista kuva rastista, lisää kuva painikkeella Lisää kuva (mediasta tai uutena latauksena) ja valitse Sarakkeet (2, 3 tai 4). Valitse Tallenna galleria. Tämä ei kuluta muokkauksia. Galleriaan pitää jäädä vähintään yksi kuva.

Kuvaus: alt-teksti

Jokaisella kuvalla on Kuvaus. Se on alt-teksti: lyhyt teksti, jonka ruudunlukijaa käyttävät kuulevat kuvan sijaan ja jonka hakukoneet lukevat ymmärtääkseen, mitä kuvassa on. Sivustoeditori sanoo sen itse kentän alla: "Googlea ja ruudunlukijan käyttäjiä varten."

Kuvaus täytetään Media-paneelissa: valitse kuva, kirjoita kenttään Kuvaus, mitä kuvassa näkyy (enintään 200 merkkiä), ja valitse Tallenna.

Sivustoeditori auttaa alkuun:

• Tekoälykuvassa se käyttää toivettasi kuvauksena (ilman sanoja "tee kuva").
• Omassa latauksessa se tekee kuvauksen tiedostonimestä ja pyytää sinua tarkistamaan sen. Kuvasta nimeltä "IMG_4021.jpg" ei siis synny mitään käyttökelpoista. Anna tiedostoille kuvaava nimi, kuten "porraskaytava-valkoiseksi-maalattu.jpg".
• Jos olit kirjoittanut kuvauksen itse ja vaihdat kuvan, tekstisi jää paikalleen ja saat pyynnön tarkistaa sen: "Tarkista tämän kuvan kuvaus Mediassa: se saattaa vielä kuulua edelliseen kuvaan."

Hyvä kuvaus kertoo yhdellä virkkeellä, mitä kuvassa näkyy: "Porraskäytävä, jossa valkoiset seinät ja tummanharmaa kaide, maalannut Schildersbedrijf Example". Älä aloita sanoilla "kuva, jossa", äläkä täytä sitä hakusanoilla. Jos kuva on pelkkää koristetta, pidä kuvaus lyhyenä. Oppitunnilla 7.3 tarkistat tehtävässä A7.3, onko kaikilla kuvillasi kuvaus.

Koon, muodon ja polttopisteen säätäminen vetämällä

Vie esikatselussa hiiri kuvan päälle. Näkyviin tulee kahvoja:

• leveämpi tai kapeampi (oikea alakulma);
• korkeampi tai matalampi eli muoto (alareuna);
• pyöreämmät tai suoremmat kulmat (oikea yläkulma);
• polttopiste: vedä se kuvan tärkeimpään kohtaan, jotta se pysyy näkyvissä, kun kuvaa rajataan.

Kaksoisnapsauta kahvaa, niin oletuskoko palaa (polttopisteessä: keskikohta). Vetäminen on maksutonta eikä käytä tekoälyä. Katso sen jälkeen näkymää Puhelin: siellä kuva rajautuu usein eri tavalla.

Saanko käyttää tätä kuvaa?

Tämä oppitunti kertoo säännöistä sellaisina kuin ne ovat voimassa 10. marraskuuta 2026. Se ei ole oikeudellista neuvontaa. Jos olet epävarma omasta tilanteestasi, kysy juristilta tai toimialajärjestöltäsi.

Tekijänoikeus. Kuvan ottajalla on siihen automaattisesti tekijänoikeus. Sitä ei tarvitse rekisteröidä mihinkään. Tekijä päättää, saavatko muut käyttää, kopioida ja näyttää kuvaa ja miten. Jos laitat sivustollesi toisen kuvan ilman lupaa, loukkaat tekijänoikeutta, ja tekijä voi tuomioistuimessa vaatia, että lopetat, ja vaatia vahingonkorvausta. Tekijänoikeus on kansainvälinen, ja se koskee myös kuvia, jotka "vain löysit netistä". Kilpailijan kuvaa, Google-kuvahaun kuvaa tai valokuvaajan kuvaa ilman lisenssiä et siis käytä. Avoimen lisenssin, kuten Creative Commonsin, kohdalla lue ehdot, esimerkiksi pitääkö tekijä mainita.

Kuvat, joissa on ihmisiä. Kuva, jossa joku on tunnistettavissa, on henkilötieto tietosuoja-asetuksen (GDPR) mukaan. Jos haluat työnantajana julkaista kuvia työntekijöistäsi, tarvitset siihen käsittelyperusteen. Alankomaiden tietosuojaviranomaisen Autoriteit Persoonsgegevensin (AP) mukaan se on yleensä työntekijän suostumus. Suostumuksen voi perua milloin tahansa ilman syytä; silloin poistat kuvan. Kieltäytymisestä ei saa koitua työntekijälle haittaa. Bas pyytää siis työntekijöiltään suostumuksen etukäteen ja kirjaa sen. Alankomaissa on lisäksi tekijänoikeuslakiin perustuva muotokuvaoikeus: kuvassa tunnistettavasti näkyvä voi tietyissä tapauksissa vastustaa julkaisua. Myös asiakkaiden kuvaaminen heidän talonsa edessä tai tunnistettavan talonnumeron näyttäminen tapahtuu vain heidän luvallaan.

Tekoälykuvat. Tekoälykuva ei ole kuva sinun työstäsi. Älä laita sivustollesi tekoälykuvaa kauniisti maalatusta talosta ikään kuin se olisi oma projektisi: se johtaa asiakkaita harhaan. Käytä tekoälykuvia tunnelman luomiseen ja aitoja kuvia omasta työstäsi ja tiimistäsi. Oppitunti 7.3 käsittelee tarkemmin kuvien oikeuksia ja tekoälytekstejä.

Sudenkuopat

• Esimerkkikuvien jättäminen paikalleen, vaikka ne eivät sovi yritykseesi, tai tekoälykuvat, jotka näyttävät omalta työltäsi.
• Kuvien lataaminen mitäänsanomattomalla tiedostonimellä: saat käyttökelvottoman kuvauksen.
• Liian suuret kuvat: yli 8 MB:n kuvien lataaminen ei onnistu. Pienennä ne ensin.
• Katsominen vain isolta näytöltä: tarkista muoto ja polttopiste näkymässä Puhelin.
• Muiden kuvat ilman lupaa tai lisenssiä.

Sivustoeditorissa: näin teet sen

1. Vie hiiri kuvan päälle ja valitse Vaihda kuva.
2. Valitse Omat kuvat ja Lataa oma kuva, tai AI-kuva konkreettisella kuvauksella ja Tee 2 uutta muunnelmaa.
3. Valitse Käytä tätä kuvaa.
4. Avaa Media, valitse kuva ja täytä Kuvaus; valitse Tallenna.
5. Säädä kokoa, muotoa ja polttopistettä vetämällä kahvoista; katso näkymää Puhelin.
6. Galleria: Valitse osio, Hallitse kuvia, järjestys ja Sarakkeet, Tallenna galleria.

Yhteenveto

• Ikkunassa Vaihda kuva on AI-kuva (1 muokkaus kahdesta muunnelmasta) ja Omat kuvat (maksuton, JPG, PNG tai WebP enintään 8 MB); Kuvapankkikuvat on tulossa pian.
• Media-paneelissa näet, missä kukin kuva on, ja täytät Kuvauksen (alt-tekstin); sivustoeditori tekee alun, sinä tarkistat sen.
• Esikatselun kahvoilla säädät leveyttä, muotoa, kulmia ja polttopistettä; kaksoisnapsautus palauttaa oletuksen.
• Muiden kuvia vain luvalla tai lisenssillä; tunnistettavia ihmisiä vain heidän suostumuksellaan; tekoälykuvia ei esitetä omana työnä.

Tietovisa

Tehtävä

Tehtävä D3.3: Kuvat kuntoon. Varmista, että sivustosi tärkeimmät kuvat ovat todella sinun, että niillä on hyvä kuvaus ja että ne näyttävät hyviltä puhelimessa.

Tarkistuslista:

• [ ] katsottu Media-paneelissa kaikki kuvat suodattimella Sivustolla;
• [ ] vaihdettu vähintään kaksi esimerkkikuvaa omiin kuviin, joilla on kuvaava tiedostonimi;
• [ ] tarkistettu tai kirjoitettu Kuvaus jokaiselle etusivun kuvalle;
• [ ] kirjattu jokaisesta ihmisiä sisältävästä kuvasta, keitä siinä on ja onko sinulla suostumus;
• [ ] kirjattu jokaisesta muun kuin oman kuvan kohdalla, mistä se on peräisin ja mikä lisenssi sitä koskee;
• [ ] säädetty suurimman kuvan muotoa tai polttopistettä ja tarkistettu näkymässä Puhelin;
• [ ] vaihdettu omaa työtäsi muistuttavat tekoälykuvat tai sijoitettu ne niin, etteivät ne näytä omalta projektilta.

Kysymykset:

1. Minkä kuvan vaihdoit, ja mitä uusi kuva kertoo yrityksestäsi paremmin?
2. Kopioi tähän tärkeimmän kuvasi kuvaus (alt-teksti). Kertooko se yhdellä virkkeellä, mitä kuvassa näkyy?
3. Onko sivustollasi tunnistettavia ihmisiä? Miten hoidit heidän suostumuksensa?

Kun olet merkinnyt tehtävän tehdyksi, näet esimerkkivastauksen: hero-osion tekoälykuva on vaihdettu omaan kuvaan maalatusta julkisivusta, koska se näyttää aitoa työtä; kuvaus "1930-luvun talon julkisivu, jossa vastamaalatut vihreät ikkunankarmit"; tiimikuvassa ovat Bas ja kaksi työntekijää, jotka antoivat kirjallisen suostumuksen ja tietävät voivansa perua sen.

Lisälukemista

• Aseta otsikko, kuvaus ja alt-teksti sivukohtaisesti
• Ilmainen WordPress-kurssi 4.4: Media: kuvat ja vaihtoehtoinen teksti
• Tekijänoikeus (Ondernemersplein, RVO, alankomaalainen lähde hollanniksi): https://ondernemersplein.overheid.nl/wetten-en-regels/auteursrecht/
• Kuvamateriaali työpaikalla (Autoriteit Persoonsgegevens, alankomaalainen lähde hollanniksi): https://www.autoriteitpersoonsgegevens.nl/themas/internet-slimme-apparaten/beeldmateriaal/beeldmateriaal-op-de-werkplek
• An alt Decision Tree (W3C WAI, englanniksi): https://www.w3.org/WAI/tutorials/images/decision-tree/