WP Image Guard on WordPress-lisäosa, jonka tarkoitus on auttaa suojaamaan sivustolla julkaistuja kuvia.
Se sopii erityisesti valokuvaajille, portfolioille, kuvagallerioille, verkkokaupoille,
taiteilijoille, kuvittajille ja kaikille sivustoille, joilla kuvat ovat tärkeää sisältöä.

Lisäosan avulla voit esimerkiksi:

• vaikeuttaa kuvien tavallista kopiointia selaimessa
• estää tai rajoittaa oikean hiiren painikkeen käyttöä kuvissa
• vaikeuttaa kuvan raahaamista ja suoraa tallentamista
• lisätä tekstivesileiman kuviin
• käyttää logovesileimaa Pro-versiossa
• suojata kuvia palvelinpuolen suojatun reitin kautta Pro-versiossa
• tehdä eri asetuksia eri gallerioille tai yksittäisille kuville
• hallita suojattujen kuvien välimuistia

1. Kirjaudu WordPressin hallintaan.
2. Siirry kohtaan Lisäosat → Lisää uusi.
3. Valitse Lataa lisäosa.
4. Valitse WP Image Guard -lisäosan ZIP-tiedosto.
5. Paina Asenna nyt.
6. Kun asennus on valmis, paina Ota käyttöön.

Käyttöönoton jälkeen asetukset löytyvät yleensä kohdasta:
Asetukset → WP Image Guard.

Jos otat WP Image Guardin käyttöön ensimmäistä kertaa, etene rauhassa vaiheittain.
Näin näet, mikä suojaustapa sopii sivustollesi parhaiten.

1. Avaa Asetukset → WP Image Guard.
2. Tarkista ensin Suojauskeskus tai lisäosan aloitusnäkymä.
3. Valitse, mitä kuvia haluat suojata.
4. Ota käyttöön kevyt perussuojaus.
5. Lisää tekstivesileima tai Pro-versiossa logovesileima.
6. Testaa suojaus yhdellä sivulla tai yhdellä gallerialla.
7. Jos käytät Pro-versiota, testaa palvelinpuolen suojaus.
8. Kun kaikki toimii oikein, ota suojaus käyttöön laajemmin.
9. Luo tarvittaessa suojattujen kuvien välimuisti.

Suojauskeskus antaa yleiskuvan siitä, miten WP Image Guard on asetettu toimimaan.
Sieltä näet nopeasti, onko suojaus käytössä ja mitä seuraavaksi kannattaa tehdä.

Suojauskeskuksesta voi näkyä esimerkiksi:

• onko lisäosa käytössä
• onko näkyvä vesileima käytössä
• onko palvelinpuolen suojaus käytössä
• onko välimuisti käytössä
• onko Pro-lisenssi aktiivinen
• tarvitaanko vielä asetusten viimeistelyä

Jos jokin suojauksen osa ei toimi odotetusti, Suojauskeskus on hyvä ensimmäinen paikka tarkistaa tilanne.

Free-versio sopii kevyeen kokeiluun ja perussuojaukseen.
Pro-versio on tarkoitettu sivustoille, joilla kuvilla on suurempi arvo:
esimerkiksi ammattikuvaajille, verkkokaupoille ja portfolioille.

Yleisissä suojausasetuksissa määritellään, miten lisäosa suojaa sivuston kuvia.
Asetukset voivat vaihdella version ja lisenssin mukaan, mutta tavallisesti voit valita,
kuinka laajasti suojaus kohdistuu sivuston kuviin.

Tyypillisiä suojausvalintoja

• Ei suojausta: lisäosa ei muuta kuvien toimintaa.
• Kevyt suojaus: vaikeuttaa tavallista kopiointia selaimessa.
• Suojatut kuvat: Pro-versiossa kuvia voidaan näyttää suojatun reitin kautta.
• Kuvakohtaiset poikkeukset: yksittäisille kuville voidaan tehdä omat asetukset.

WP Image Guard voi suojata erilaisia WordPress-kuvia riippuen asetuksista ja versiosta.
Suojaus voi kohdistua esimerkiksi:

• artikkelien ja sivujen sisältökuviin
• gallerioiden kuviin
• artikkelikuviiin eli featured image -kuviin
• mediatiedostoihin
• WooCommerce-tuotekuviin Pro-versiossa
• shortcodella lisättyihin suojattuihin kuviin

Jos jokin kuva ei suojaudu, syynä voi olla se, että teema tai galleria näyttää kuvan eri tavalla
kuin tavallinen WordPress-sisältökuva. Tällöin kannattaa testata kuvakohtaisia asetuksia tai Pro-version suojattua reittiä.

Tekstivesileima on yksinkertainen tapa lisätä kuviin näkyvä tunniste.
Se voi olla esimerkiksi sivuston nimi, yrityksen nimi, kuvaajan nimi tai copyright-teksti.

Esimerkkejä vesileimatekstistä

• © OmaSivusto.fi
• © Kuvaaja Nimi
• Esikatselukuva
• Portfolio – ei luvattomaan käyttöön

Yleiset asetukset

• Teksti: vesileimassa näkyvä teksti.
• Väri: tekstin väri.
• Näkyvyys: kuinka läpinäkyvä tai voimakas vesileima on.
• Fonttikoko: tekstin koko.
• Rivit: kuinka monelle riville tai kuinka toistuvasti tekstiä näytetään.
• Sijainti: esimerkiksi kulma, keskikohta tai toistuva kuvio.
• Kulma: vesileimatekstin kallistus.

Tekstin taustapalkki lisää vesileimatekstin taakse vaalean tai tumman tausta-alueen.
Se auttaa tekemään tekstistä luettavamman etenkin kirjavissa tai tummissa kuvissa.

Milloin taustapalkkia kannattaa käyttää?

• kun teksti ei erotu kuvasta tarpeeksi hyvin
• kun kuvan tausta on hyvin vaihteleva
• kun haluat selkeämmän copyright-merkinnän
• kun kyse on vedoskuvista tai asiakasgalleriasta

Milloin taustapalkki kannattaa jättää pois?

• kun haluat mahdollisimman huomaamattoman vesileiman
• kun kuva on osa tyylikästä portfoliota
• kun logo tai teksti näkyy muuten riittävän hyvin

Pro-versiossa taustapalkkia voidaan säätää myös kuvakohtaisesti,
jos yksittäinen kuva tarvitsee eri asetuksen kuin muu galleria.

Pro-versiossa voit käyttää tekstivesileiman lisäksi logovesileimaa tai kuvavesileimaa.
Tämä on hyödyllistä, jos haluat käyttää esimerkiksi yrityksen logoa, kuvaajan tunnusta tai brändättyä merkkiä.

Logovesileiman asetuksia

• Logokuva: valitse mediakirjastosta käytettävä logo.
• Näkyvyys: säädä logon läpinäkyvyyttä.
• Koko: määritä logon koko suhteessa kuvaan.
• Sijainti: valitse esimerkiksi yläkulma, keskikohta tai alakulma.
• Toisto: logo voidaan tarvittaessa toistaa kuvan päällä.

Galleriaprofiilien avulla voit käyttää eri suojaus- ja vesileima-asetuksia eri kuvaryhmissä.
Tämä on hyödyllistä, jos sivustolla on esimerkiksi portfolio, asiakasgalleria ja verkkokauppa.

Esimerkkejä profiileista

• Portfolio: hillitty vesileima, kevyt suojaus.
• Asiakasgalleria: näkyvämpi vesileima, vahvempi suojaus.
• Vedosgalleria: toistuva tekstivesileima tai logovesileima.
• Verkkokauppa: tuotekuville oma suojaustyyli.
• Kiinteistökuvat: yrityksen nimi tai logo kuvan alakulmaan.

Miten galleriaprofiilia käytetään?

1. Luo tai valitse galleriaprofiili WP Image Guardin asetuksissa.
2. Määritä profiilille tekstivesileima, logovesileima ja suojaustapa.
3. Lisää profiilia vastaava luokka tai valinta galleriaan, jos lisäosa käyttää luokkia tai profiilivalintoja.
4. Testaa galleria julkisella sivulla.

Kuvakohtaiset asetukset antavat mahdollisuuden poiketa yleisestä tai galleriakohtaisesta asetuksesta.
Tämä on hyödyllistä silloin, kun yksi kuva tarvitsee erilaisen vesileiman kuin muut.

Kuvakohtaisesti voit esimerkiksi:

• käyttää galleriaprofiilin asetuksia
• korvata profiilin vesileiman omalla tekstillä
• korvata profiilin vesileiman omalla logolla
• käyttää sekä tekstiä että logoa
• poistaa näkyvän vesileiman vain yhdestä kuvasta
• muuttaa tekstin väriä, kokoa, sijaintia ja näkyvyyttä
• asettaa tekstin taustapalkin päälle tai pois yksittäisessä kuvassa

Kuvakohtaisen asetuksen tekeminen

1. Avaa WP Image Guardin asetuksista Kuvakohtaiset asetukset.
2. Valitse kuva mediakirjastosta tai syötä kuvan ID.
3. Valitse, käytetäänkö profiilia vai omaa vesileimaa.
4. Säädä teksti, logo, sijainti ja muut asetukset.
5. Tallenna asetukset.
6. Tyhjennä tarvittaessa WP Image Guardin välimuisti.
7. Avaa sivu incognito-ikkunassa ja tarkista lopputulos.

Kuvakohtainen taustapalkki on hyödyllinen silloin, kun sama vesileima näyttää eri kuvissa erilaiselta.
Esimerkiksi tummassa kuvassa teksti voi näkyä hyvin ilman palkkia, mutta vaaleassa kuvassa se voi tarvita taustan.

Vaihtoehdot

• Käytä profiilia: kuva käyttää galleriaprofiilin tai yleisten asetusten taustapalkkia.
• Ei käytössä: taustapalkkia ei näytetä tälle kuvalle.
• Käytössä: taustapalkki näytetään tälle kuvalle.

Kun muutat kuvakohtaista taustapalkkia, tarkista julkisen kuvan URL tai tyhjennä välimuisti,
jotta vanha vesileimattu versio ei jää näkyviin.

Kuvakohtaisia WP Image Guard -asetuksia voidaan säätää myös WordPressin mediakirjastossa,
jos lisäosa näyttää kuvan omat WPIG-asetukset liitteen tiedoissa.

Toimi näin

1. Avaa WordPressin Mediakirjasto.
2. Valitse kuva.
3. Etsi kuvan tiedoista WP Image Guard -asetukset.
4. Valitse näkyvän vesileiman toiminta.
5. Säädä tekstivesileima, logovesileima tai AI-suojauksen poikkeus.
6. Tallenna muutokset.

Mediakirjaston asetukset ovat käteviä yksittäisten kuvien korjaamiseen,
mutta suurempaan hallintaan kannattaa käyttää lisäosan omaa kuvakohtaista asetussivua.

Palvelinpuolen suojattu kuvareitti tarkoittaa, että kävijälle voidaan näyttää suojattu tai vesileimattu kuvaversio
alkuperäisen mediatiedoston sijaan.

Tämä on vahvempi suojaustapa kuin pelkkä selaimessa toimiva kopioinnin esto,
koska kävijä ei välttämättä saa suoraan alkuperäisen kuvatiedoston osoitetta.

Suojattu URL voi näyttää esimerkiksi tältä

/?wpig_image_guard=1&id=123&profile=default&wpigv=...

Jos kuvalla on kuvakohtaisia asetuksia, URL-osoitteessa voi näkyä myös lisäparametreja,
jotka varmistavat, että oikea vesileima tai taustapalkin asetus välittyy kuvan muodostukseen.

Lisäosa voi tarjota suojatun kuvan näyttämiseen lyhytkoodin.
Tyypillinen käyttötapa voi olla esimerkiksi:

[protected_image id="123"]

Mahdollisia käyttötarkoituksia:

• näyttää yksittäinen suojattu kuva sivulla
• ohittaa teeman normaali kuvan näyttötapa
• testata, toimiiko suojattu reitti oikein yhdelle kuvalle

Pro-versiossa WP Image Guard voi auttaa suojaamaan WooCommerce-tuotekuvia.
Tämä on hyödyllistä verkkokaupoissa, joissa tuotekuvat ovat omaa tuotantoa,
valmistajan luvalla julkaistuja tai muuten arvokkaita.

Huomioitavaa WooCommercessa

• testaa ensin yksittäisellä tuotteella
• tarkista tuotekuva, gallerian lisäkuvat ja suurennettu kuva
• varmista, ettei tuotekuvan zoomaus tai lightbox rikkoudu
• tyhjennä välimuisti muutosten jälkeen
• testaa sekä tietokoneella että mobiililla

Verkkokaupassa kuvien pitää olla suojattuja, mutta myös latautua nopeasti.
Siksi välimuistin käyttö on usein tärkeää.

Lisäosassa voi olla Pro-ominaisuuksia, joiden tarkoitus on vaikeuttaa vesileiman tai kuvan tunnisteiden poistamista tekoälyllä.
Tällainen suojaus voi esimerkiksi lisätä kuvaan hienovaraisia muutoksia tai tunnisteita.

Tasot voivat olla esimerkiksi

• Kevyt: pienin vaikutus kuvan ulkonäköön.
• Normaali: vahvempi suojaus, mutta voi näkyä hieman enemmän.
• Vahva: paras kestävyys, mutta voi lisätä rakeisuutta tai artefakteja.

Pro-versiossa voi olla toimintoja, joilla kuvaan lisätään näkymätön tai huomaamaton tunniste.
Tunnisteen tarkoitus on auttaa myöhemmin arvioimaan, onko kuva peräisin sivustosi suojatusta versiosta.

Todisteraportti voi auttaa dokumentoimaan kuvan suojauksen, tunnisteen tai käyttöön liittyviä tietoja.

Lisäosa voi tallentaa kevyitä suojaustapahtumia, kuten kopiointiyrityksiä,
oikean klikkauksen yrityksiä tai muita selaimessa havaittavia tapahtumia.

Tämä voi auttaa hahmottamaan, käytetäänkö kuvia aktiivisesti tavalla,
jota haluat rajoittaa.

Milloin seuranta kannattaa pitää päällä?

• kun haluat nähdä, yritetäänkö kuvia kopioida
• kun julkaiset asiakasgallerioita
• kun haluat testata suojausasetusten toimivuutta

Milloin seurannan voi poistaa käytöstä?

• jos et tarvitse tilastoja
• jos haluat minimoida lokitietojen tallennuksen
• jos sivustolla on hyvin paljon liikennettä

Vesileimattujen ja suojattujen kuvien muodostaminen voi kuormittaa palvelinta.
Välimuistin tarkoitus on tallentaa valmiiksi luodut suojatut kuvat,
jotta niitä ei tarvitse muodostaa uudelleen jokaisella sivulatauksella.

Milloin välimuisti kannattaa luoda?

• kun käytät palvelinpuolen vesileimausta
• kun sivustolla on paljon kuvia
• kun käytät kuvagallerioita
• kun sivustolla on paljon kävijöitä
• kun kuvat latautuvat hitaasti ilman välimuistia

Milloin välimuisti pitää tyhjentää?

• kun muutat vesileimatekstiä
• kun vaihdat logovesileiman
• kun muutat galleriaprofiilia
• kun muutat kuvakohtaisia asetuksia
• kun vesileima ei päivity julkisella sivulla

WordPress-teemat ja galleria-lisäosat voivat näyttää kuvia monella eri tavalla.
Siksi kaikki suojaustavat eivät aina osu kaikkiin kuviin samalla tavalla.

Mahdollisia eroja

• kuva voi olla tavallinen sisältökuva
• kuva voi olla taustakuva CSS:ssä
• galleria voi käyttää omaa lightboxia
• kuvasta voi näkyä pienennetty versio mutta avautua eri tiedosto
• teema voi käyttää srcset-kuvia eri näyttökooille

Jos suojaus ei näy tietyssä galleriassa

1. Testaa sama kuva tavallisella WordPress-sivulla.
2. Testaa WordPressin omalla gallerialohkolla tai klassisella gallerialla.
3. Tarkista, näkyykö suojattu URL kuvan osoitteessa.
4. Tyhjennä välimuistit.
5. Kokeile Pro-version suojattua kuvareittiä, jos käytössä.

Pro-ominaisuudet edellyttävät voimassa olevaa lisenssiä.
Lisenssi aktivoidaan yleensä WP Image Guardin asetusten Lisenssi-välilehdellä.

Lisenssin aktivointi

1. Hanki Pro-lisenssi.
2. Avaa WordPressissä Asetukset → WP Image Guard.
3. Siirry Lisenssi-välilehdelle.
4. Syötä lisenssiavain.
5. Tallenna ja tarkista, että lisenssi näkyy aktiivisena.

Valokuvaajan portfolio

• hillitty tekstivesileima tai logo
• vesileima kuvan kulmaan tai alareunaan
• kevyt tai keskitason suojaus
• Pro-versiossa palvelinpuolen suojattu reitti tärkeimmille kuville

Asiakasgalleria tai vedosgalleria

• selkeä tekstivesileima
• toistuva vesileima tai taustapalkki
• vahvempi suojaus
• kuvakohtaiset poikkeukset valmiille kuville

Verkkokauppa

• tuotekuville hillitty logo tai brändimerkintä
• kuvien nopeus huomioitava välimuistilla
• testaa tuotekuva, galleria ja zoomaus
• vältä liian häiritsevää vesileimaa ostokokemuksen vuoksi

Blogi tai pieni sivusto

• kevyt perussuojaus
• yksinkertainen tekstivesileima
• ei liian raskaita asetuksia
• testaa mobiilinäkymä

Kun asetukset on tallennettu, testaa toiminta sekä kirjautuneena että uloskirjautuneena.
WordPressin ylläpitäjälle kuva voi joskus näkyä eri tavalla kuin tavalliselle kävijälle.

Tarkistuslista

• Avaa suojattu sivu incognito-ikkunassa.
• Tarkista, näkyykö vesileima oikeassa paikassa.
• Kokeile oikeaa hiiren painiketta kuvan päällä.
• Kokeile kuvan raahaamista työpöydälle.
• Tarkista, latautuuko kuva nopeasti.
• Tarkista mobiilinäkymä.
• Tarkista gallerian avattava kuva tai lightbox.
• Tarkista, ettei tärkeä ostotoiminto tai kuvagalleria rikkoudu.

Vesileima ei näy kuvassa

• Tarkista, että näkyvä vesileima on otettu käyttöön.
• Tarkista, että kuva kuuluu suojauksen piiriin.
• Tarkista, ettei kuvalla ole kuvakohtaista asetusta “Ei näkyvää vesileimaa”.
• Tyhjennä WP Image Guardin välimuisti.
• Tyhjennä sivuston välimuisti.

Esikatselu näyttää oikein, mutta julkinen kuva ei

• Tyhjennä WP Image Guardin välimuisti.
• Tyhjennä sivuston cache ja CDN-cache.
• Avaa sivu incognito-ikkunassa.
• Tarkista, että julkinen kuva käyttää suojattua WP Image Guard -URL:ia.

Taustapalkki näkyy väärissä kuvissa

• Tarkista galleriaprofiilin taustapalkkiasetus.
• Tarkista kuvakohtainen taustapalkin asetus.
• Jos kuvalla ei pidä olla poikkeusta, palauta se käyttämään profiilia.
• Tyhjennä välimuisti.

Logo ei näy

• Tarkista, että logokuva on valittu mediakirjastosta.
• Tarkista, että logovesileima on käytössä.
• Tarkista läpinäkyvyys ja koko.
• Kokeile suurempaa näkyvyyttä testauksen ajaksi.

Kuva latautuu hitaasti

• Ota välimuisti käyttöön.
• Luo suojatut kuvat valmiiksi, jos lisäosa tarjoaa tämän toiminnon.
• Pienennä liian suuria alkuperäiskuvia.
• Tarkista palvelimen PHP-muistiraja ja kuvankäsittelykirjastot.

Välimuistin tyhjentäminen on tärkeä osa lisäosan käyttöä.
Jos vesileima, logo, taustapalkki tai galleriaprofiili muuttuu,
vanha suojattu kuva voi silti näkyä välimuistista.

Tyhjennä välimuisti, kun:

• vaihdat vesileimatekstin
• vaihdat logon
• muutat näkyvyyttä, väriä tai sijaintia
• muutat galleriaprofiilia
• muutat kuvakohtaista asetusta
• päivität lisäosan uuteen versioon

Jos sivustolla on erillinen välimuistilisäosa, tyhjennä myös sen cache.
Jos käytät CDN-palvelua, tyhjennä myös CDN:n välimuisti.

Jos käytät Pro-versiota, lisenssin tarkistus voi ottaa yhteyden lisenssipalveluun.
Tällöin voidaan käsitellä esimerkiksi lisenssiavainta, sivuston osoitetta,
sivuston tunnistetietoa ja lisäosan versiota.

Jos käytät suojaustapahtumien seurantaa, sivusto voi tallentaa tietoja siitä,
että kävijä on yrittänyt kopioida, raahata tai avata kuvan tietyllä tavalla.

Luotettavan käytön kannalta on tärkeää ymmärtää myös lisäosan rajat.

Lisäosa ei voi täysin estää:

• kuvakaappauksia
• kameralla otettua kuvaa näytöstä
• kaikkea teknistä selaimen kehittäjätyökaluilla tehtävää tutkimista
• kuvien uudelleenpiirtämistä tai muokkaamista
• kaikkia bottien tai scraping-työkalujen muotoja

WP Image Guard on käytännöllinen suojauskerros.
Se ei korvaa tekijänoikeuksia, sopimuksia tai juridista valvontaa,
mutta se vaikeuttaa kuvien luvatonta käyttöä ja tekee suojauksesta näkyvämpää.

1. Valitse sivustolle sopiva suojaustaso.
2. Lisää vesileima, joka ei pilaa kuvaa.
3. Testaa vaaleilla ja tummilla kuvilla.
4. Testaa desktopilla ja mobiilissa.
5. Testaa galleria, lightbox ja tuotekuvat erikseen.
6. Tyhjennä välimuisti muutosten jälkeen.
7. Tarkista sivun nopeus.
8. Pidä varmuuskopio ennen isoja muutoksia.