Image Guard Pro käytöohje

 

WP Image Guard Pro – käyttöohje

Hallintapolku

Avaa WordPressissä Asetukset → WP Image Guard. Suojauskeskus ohjaa tavallisessa käyttöönotossa oikeaan järjestykseen: rajaus, profiili, vesileima, välimuisti ja testaus.

01 Ota suojaus käyttöön turvallisesti

Suosittelen aloittamaan yhdellä kuvalla tai yhdellä pienellä gallerialla. Näin näet ensin, sopivatko vesileiman koko, sijainti ja näkyvyys sivustosi ulkoasuun. Laajempi käyttöönotto kannattaa tehdä vasta, kun esikatselu näyttää oikealta.

  1. Avaa Asetukset → WP Image Guard → Suojauskeskus.
  2. Valitse ensin, mitä kuvia haluat suojata. Ensimmäiseen kokeiluun sopii Vain käsin valitut kuvat.
  3. Valitse pika-aloituksen lähin käyttötapa tai säädä vesileima itse.
  4. Valitse esikatselukuva Suojauskeskuksen Esikatsele ennen välimuistia -kohdasta ja vertaile alkuperäistä sekä suojattua versiota.
  5. Tallenna muutokset, luo välimuisti ja tarkista lopputulos vierailijan näkymässä esimerkiksi selaimen yksityisessä ikkunassa.

Valokuvaaja

Yksi siisti tekstivesileima kuvan reunassa. Sopii asiakasgallerioihin ja normaaliin kuvaesittelyyn.

Portfolio

Hillitympi suojaus, joka jättää työn esittelyn rauhalliseksi. Vesileima voi toistua kevyesti.

Asiakasvedokset

Näkyvämpi, kuvan alueelle leviävä toistuva vesileima. Sopii vedoksiin, joita ei ole tarkoitettu vapaasti käytettäviksi.

Hyvä tietää: pika-aloitus luo samalla vastaavan galleriaprofiilin. Sen jälkeen asetuksia voi muokata tarkemmin kohdassa Galleriaprofiilit.
02 Valitse, mitä kuvia suojataan

Suojauskeskuksen ensimmäinen valinta määrää suojausalueen. Valitse mahdollisimman rajattu tapa silloin, kun kaikki sivuston kuvat eivät tarvitse suojausta.

Valinta Milloin sitä kannattaa käyttää Käytännön huomio
Vain käsin valitut kuvat Ensimmäiseen testiin tai yksittäisiin arvokkaisiin kuviin. Avaa kuva mediakirjastossa ja valitse kohdasta WPIG suojaus vaihtoehto Suojaa aina.
Galleriakuvat Valokuvaajien asiakas-, portfolio- ja näyttelygallerioihin. Tavalliset sisältökuvat jäävät lähtökohtaisesti suojaamatta.
CSS-valitsimella rajatut kuvat Kun käytät sivunrakentajaa tai haluat suojata vain tietyn osion kuvat. Kirjoita valitsin, esimerkiksi .wpig-protect, ja lisää sama luokka kyseiseen kuvaan tai sen ympäröivään elementtiin.
Kaikki sisältökuvat ja galleriat Kun sivuston kuvat ovat pääosin omaa tuotantoa ja haluat yhtenäisen suojauksen. Testaa huolellisesti, ettei suojaus häiritse logoja, käyttöliittymäkuvia tai teeman erikoiskuvia.
Verkkokaupan kuvat WooCommerce-tuotekuviin ja tuotekuvagallerioihin. Voit käyttää myös palvelinpuolen suojattua reittiä ja näkyvien kuvien korvausta. Testaa aina tuotegalleria, zoomaus ja lightbox.

Kuvakohtainen suojaus mediakirjastossa

Kun avaat kuvan mediakirjastossa, kenttä WPIG suojaus sisältää kolme perusvaihtoehtoa:

  • Oletus: kuva noudattaa yleistä suojausalueen valintaa.
  • Suojaa aina: kuva kuuluu suojaan myös silloin, kun käytät käsin valittujen kuvien tilaa.
  • Älä suojaa: kuva jää suojaamatta, vaikka se muuten osuisi galleri-, CSS- tai kaikki kuvat -rajaukseen.
Älä suojaa -valinta menee muiden asetusten edelle. Käytä sitä esimerkiksi kuvakkeisiin, pieniin käyttöliittymäkuviin tai kuvaan, jonka pitää avautua alkuperäisenä.

Selaintason kopioinnin hidastus

Suojauskeskuksen valinta Selaintason kopioinnin hidastus vaikeuttaa tavallista oikeaa klikkausta, kuvan raahausta ja mobiilin pitkää painallusta. Se on hyvä lisäkerros, mutta se ei korvaa näkyvää vesileimaa tai suojattua kuvien toimitusta.

03 Tee toimiva tekstivesileima

Avaa Oletusvesileima. Täällä määritetty tekstivesileima toimii varavesileimana kuville, joille ei ole valittu galleriaprofiilia tai kuvakohtaista asetusta.

Näkyvä vesileima on erillinen päätös. Pelkkä palvelinpuolen kuvalinkin suojaus ei piirrä kuvaan tekstiä tai logoa. Valitse kohdasta Näkyvä vesileima vaihtoehto Vain tekstivesileima tai Teksti + kuvavesileima.

Hyvä aloitusasetus useimmille valokuvaajille

Teksti

© {site} on selkeä ja toimii lähes kaikissa käyttötavoissa. Lisää esimerkiksi vuosiluku vain, jos haluat sen näkyvän jokaisessa kuvassa.

Sijainti

Asiakas- ja portfolio-kuviin alaoikea tai alakeskellä. Vedoksiin toistuva kuvio, koska sitä on hankalampi rajata pois.

Näkyvyys

Aloita noin 20–35 prosentista. Vaalea tekstiväri ja kevyt taustapalkki ovat usein turvallinen yhdistelmä vaihtelevilla taustoilla.

Rivimäärä

Yksi rivi riittää yksittäiseen sijaintiin. Toistuvassa kuviossa useampi rivi tekee suojasta vahvemman, mutta näkyvämmän.

Vesileiman muuttujat

Tekstiin voi lisätä automaattisesti vaihtuvia tietoja. Ne korvataan, kun suojattu kuva muodostetaan.

Muuttuja Tarkoitus
{site} Sivuston nimi.
{date} ja {time} Suojatun kuvan muodostamisen päivämäärä ja kellonaika.
{user} Käyttäjätieto, kun se on saatavilla kyseisessä tilanteessa.
{ip} IP-tieto, jos sitä käytetään asetuksissa ja tilanteessa se on saatavilla.
{image_id} ja {filename} WordPressin mediakirjaston tunniste tai kuvatiedoston nimi.

Sijainti, kulma ja taustapalkki

Toistuva kuvio levittää tekstin kuvan alueelle. Muut sijainnit piirtävät tekstin vain yhteen kohtaan. Oma X/Y-sijainti käyttää prosentteja: 0 / 0 on ylävasen, 50 / 50 kuvan keskellä. Kulmaa kannattaa käyttää maltillisesti, koska voimakas kääntö pienessä kuvassa voi heikentää luettavuutta.

Taustapalkki auttaa, kun kuva on paikoin hyvin vaalea tai hyvin tumma. Pidä se kevyenä, jotta se ei vie liikaa huomiota itse kuvalta.

Muista välimuisti: vesileiman tekstin, koon, värin, sijoittelun, AI-suojauksen tai kuvanlaadun muutos näkyy jo aiemmin luoduissa suojatuissa kuvissa vasta, kun välimuisti luodaan uudelleen.
05 Hallitse eri gallerioita profiileilla

Galleriaprofiilit ovat paras tapa käyttää eri vesileimoja eri kuvaryhmille ilman, että muutat koko sivuston asetuksia. Esimerkiksi asiakasvedoksille voi olla toistuva tekstivesileima, portfolioon hillitty reunavesileima ja verkkokauppaan oma profiili.

Asetusten tärkeysjärjestys

Kuvakohtainen asetus ohittaa galleriaprofiilin. Galleriaprofiili ohittaa yleisen oletusvesileiman. Jos kuva on merkitty “Älä suojaa”, se ohittaa kaikki nämä tasot.

Oletusprofiili

Valitse kohdassa Oletusprofiili gallerioille profiili, jota käytetään automaattisesti silloin, kun gallerialle ei ole asetettu omaa profiilia. Profiilikortista voit muuttaa vesileimatyypin, tekstin, paikan, fonttikoon, peittävyyden, taustapalkin ja logon asetuksia.

Profiilin valinta lohkoeditorissa

  1. Avaa sivu tai artikkeli muokattavaksi lohkoeditorissa.
  2. Valitse haluttu Galleria-lohko.
  3. Avaa oikean reunan asetuspaneelista WP Image Guard.
  4. Valitse kohdasta Vesileimaprofiili kyseiseen galleriaan sopiva profiili.
  5. Päivitä sivu ja luo tarvittaessa välimuisti uudelleen.

Classic Editor ja muut galleria-lisäosat

Lisää gallerialle profiililuokka muodossa wpig-profile-profiilinslug. Jos käytössä on esimerkiksi Portfolio-profiili, luokka on tavallisesti:

wpig-profile-portfolio

WordPressin galleria-shortcodessa se voi näyttää esimerkiksi tältä:

Jos käytössä oleva galleria- tai sivunrakentajalisäosa tarjoaa CSS class-, Additional class– tai Lisäluokka-kentän, lisää sama luokka siihen.

Vinkki: tee ensin yksi toimiva profiili, kopioi sen asetukset uuteen profiiliin ja muuta vain se, mikä todella pitää erota. Tämä vähentää virheitä ja helpottaa ylläpitoa.
06 Tee poikkeus vain yhdelle kuvalle

Kuvakohtaiset asetukset ovat tarkoitettu poikkeuksiin. Niillä voit esimerkiksi jättää yhden tärkeän kuvan ilman näkyvää vesileimaa, käyttää asiakkaan omaa logoa vain yhdessä kuvassa tai sijoittaa vesileiman yksittäisessä kuvassa tarkasti toiseen kohtaan.

  1. Avaa Kuvakohtaiset asetukset tai avaa kuva mediakirjastosta.
  2. Valitse kuva mediakirjastosta tai syötä sen ID.
  3. Valitse joko Käytä galleriaprofiilia / oletusta, oma logo, oma teksti, teksti + logo tai Poista näkyvä vesileima tältä kuvalta.
  4. Säädä tarvittaessa tekstin väriä, kokoa, näkyvyyttä, rivejä, kulmaa ja sijoittelua. Esikatselu päivittyy ennen tallennusta.
  5. Tallenna vasta, kun esikatselu näyttää oikealta.
Poista näkyvä vesileima tältä kuvalta ei välttämättä tarkoita, että kuva poistuu kokonaan WP Image Guardin suojausalueesta. Se tarkoittaa ensisijaisesti, ettei kuvaan piirretä tekstiä tai logoa. Jos kuvaa ei haluta suojata lainkaan, käytä mediakirjaston WPIG suojaus → Älä suojaa -valintaa.

Milloin kuvakohtaista asetusta kannattaa välttää?

Älä käytä kuvakohtaisia asetuksia silloin, kun sama muutos koskee kokonaista asiakasgalleriaa. Tee silloin uusi galleriaprofiili. Kuvakohtaiset poikkeukset ovat tehokkaita, mutta niitä voi olla vaikea muistaa myöhemmin, jos niitä kertyy paljon.

07 Päivitä välimuisti ja pidä sivusto nopeana

WP Image Guard voi tehdä suojatut kuvat valmiiksi välimuistiin. Tällöin kävijän avaushetkellä palvelimen ei tarvitse luoda vesileimaa alusta asti, vaan valmis suojattu kopio voidaan näyttää nopeammin.

Milloin välimuisti pitää luoda uudelleen?

  • muutit tekstin, logon, fontin, värin, sijainnin, näkyvyyden tai taustapalkin
  • vaihdoit galleriaprofiilia tai sen asetuksia
  • muutit AI-suojausta tai näkymätöntä tunnistetta
  • muutit kuvan kokorajoja, JPEG-laatua tai WebP-asetusta
  • lisäsit suuren määrän uusia suojattavia kuvia
  1. Tallenna asetukset.
  2. Avaa Suojauskeskuksesta Päivitä välimuisti tai suorituskykyasetukset.
  3. Tyhjennä välimuisti, kun haluat poistaa aiemmin luodut suojatut kopiot.
  4. Paina Luo suojatut välimuistikuvat nyt ja anna eräajon käsitellä kuvat.
  5. Avaa sivu vierailijana ja tarkista, että muutos näkyy oikeassa kuvassa.

Kuvan enimmäiskoko

Leveys ja korkeus 0 tarkoittavat, ettei suojattua kuvaa pienennetä. Esimerkiksi 2400 px voi olla järkevä raja isoille verkkogallerioille.

JPEG-laatu

Arvo 85 on yleensä hyvä tasapaino laadun ja nopeuden välillä. Nosta arvoa maltillisesti, jos kuvissa näkyy liikaa pakkausjälkiä.

WebP

Ota käyttöön, kun palvelin tukee WebP-koodausta ja sivuston muu kuvaketju toimii sen kanssa ongelmitta.

Luontinopeus

Hitaalle webhotellille 5 kuvaa per erä, normaaliksi 10 ja tehokkaalle palvelimelle 25 kuvaa per erä.

Turvallinen tieto: välimuistin tyhjennys poistaa vain WP Image Guardin luomat suojatut kopiot. Se ei poista mediakirjaston alkuperäisiä kuvatiedostoja.
08 Ota käyttöön vahvempi lisäsuojaus

Ota lisäsuojauksen asetukset käyttöön yksi kerrallaan ja testaa ne omalla teemalla, välimuistilisäosalla ja lightboxilla. Vahvin kokonaisuus syntyy useasta kevyestä kerroksesta, ei yhdestä asetuksesta.

Toiminto Mitä se tekee Milloin käytetään
Palvelinpuolen suojattu reitti Ohjaa kuvalinkkejä suojatun toimitustavan kautta. Kun haluat, että avattava kuvalinkki ei suoraan johda tavalliseen alkuperäiseen kuvatiedostoon.
Näkyvien kuvien korvaus / hard rewrite Korvaa myös sivulla näkyvien kuvien src-osoitteita suojatulla reitillä. Kun haluat vahvemman suojan myös näkyville pikkukuville. Testaa erityisesti teeman lazy load- ja lightbox-toiminnot.
Allekirjoitetut suojatut URL:t Lisää suojattuihin kuvalinkkeihin varmennuksen. Kun kuvalinkkien jakamista ja suoraa käyttöä halutaan rajoittaa lisää.
Toiminta ilman JavaScriptiä Auttaa suojatun kuvan toimituksessa, vaikka selaimessa JavaScript ei toimisi. Kun haluat varmistaa järkevän perustoiminnan myös poikkeustilanteissa.
AI-poiston vaikeuttaminen Lisää vesileiman poistamista vaikeuttavia kerroksia, kuten epäsäännöllisyyttä, mikromerkintöjä ja älykkäämpää sijoittelua. Asiakasvedoksiin ja kuviin, joissa näkyvän vesileiman automaattinen poistaminen on erityinen riski.
WooCommerce-suojaus Suojaa tuotekuvia ja tuotekuvagallerioita syvemmin. Kun myyt tai esittelet tuotteita WooCommercella.

Suositeltu vahva mutta käytännöllinen yhdistelmä

  • rajaukseksi galleriakuvat tai verkkokaupan kuvat
  • selkeä tekstivesileima tai logo
  • selaintason kopioinnin hidastus
  • palvelinpuolen suojattu reitti ja näkyvien kuvien korvaus
  • välimuisti valmiiksi luotuna
  • AI-poiston vaikeuttaminen vain niihin gallerioihin, joissa näkyvämpi suoja on hyväksyttävä
Huomio: vahva suojaus voi vaikuttaa yhteensopivuuteen, etenkin jos teema tai muu lisäosa käsittelee kuvia omalla tavalla. Käy aina läpi tavallinen sivu, galleria, lightbox, mobiilinäkymä ja mahdollinen WooCommerce-tuotesivu.
09 Käytä näkymätöntä tunnistetta ja todisteraporttia

Näkymätön tunniste lisää suojattuun kuvaan piilotetun merkin, jonka avulla kuvan alkuperää voidaan yrittää arvioida myöhemmin. Se ei estä kopiointia eikä korvaa näkyvää vesileimaa.

Kevyt

Vähäisin vaikutus kuvan ulkonäköön. Hyvä oletus useimmille sivustoille.

Tasapainoinen

Hieman parempi kestävyys pakkausta vastaan, mutta voi lisätä hienovaraista kuvamuutosta.

Vahva

Paras jäljitettävyyden kannalta, mutta käytä vain, kun se on tärkeämpää kuin täysin huomaamaton kuvanlaatu.

AI-suojaus ja näkymätön tunniste ovat eri asioita

AI-suojaus pyrkii vaikeuttamaan näkyvän vesileiman automaattista poistamista. Näkymätön tunniste auttaa jälkikäteen arvioimaan, liittyykö epäilty kuva suojattuun alkuperäiseen kuvaan. Molemmat voivat heikentyä, jos kuva rajataan, pakataan voimakkaasti tai muokataan paljon.

Analysointi ja todisteraportti

Avaa Analysointi ja todisteraportti, lataa tutkittava kuva ja aja tunnisteen tarkistus. Tulos on suuntaa-antava. Kun analyysi on tehty, voit luoda HTML-muotoisen todisteraportin ja tallentaa sen selaimesta esimerkiksi PDF:ksi.

10 Testaa suojaus ja ratkaise tavallisimmat ongelmat

Testaa oikeassa vierailijanäkymässä

  1. Luo välimuisti uudelleen asetusten tallennuksen jälkeen.
  2. Avaa suojattu sivu selaimen yksityisessä ikkunassa tai kirjaudu ulos WordPressistä.
  3. Tarkista tavallinen kuva, galleria, lightbox ja mobiilinäkymä.
  4. Kokeile oikeaa klikkausta, kuvan raahausta ja avattavaa kuvalinkkiä.
  5. Jos jokin ei vastaa odotusta, avaa Työkalut ja huolto → Diagnostiikka.

Diagnostiikka auttaa erityisesti näissä

Diagnostiikka näyttää muun muassa PHP- ja WordPress-version, GD- ja Imagick-kuvankäsittelyn, WebP-tuen, muistirajan, suoritusaikarajan, välimuistikansion kirjoitettavuuden, suojatun kuvan kokorajat sekä palvelinpuolen suojauksen tilan.

Aja tarvittaessa sisäinen self-test. Se muodostaa väliaikaisen testikuvan, tekee suojatun version ja tarkistaa, että kuvankäsittely, vesileima ja välimuisti toimivat ilman vakavaa virhettä. Voit myös luoda testikuvia mediakirjastoon.

Vesileima ei näy uudella asetuksella
Tarkista ensin, että Näkyvä vesileima ei ole “Ei näkyvää vesileimaa”. Tarkista sitten, käyttääkö kuva galleriaprofiilia tai kuvakohtaista asetusta, sillä ne ohittavat yleisen oletusvesileiman. Lopuksi tyhjennä ja luo välimuisti uudelleen.
Väärä vesileima näkyy vain yhdessä kuvassa
Kuvalla on todennäköisesti kuvakohtainen poikkeus. Avaa kuva mediakirjastossa tai Kuvakohtaiset asetukset -välilehdellä ja valitse “Käytä galleriaprofiilia / oletusta”, jos haluat poistaa poikkeuksen.
Gallerialle asetettu profiili ei vaikuta kuviin
Varmista, että oikea profiili on valittu Galleria-lohkon WP Image Guard -asetuksissa tai että Classic Editorin lisäluokka on täsmälleen esimerkiksi wpig-profile-portfolio. Päivitä sen jälkeen välimuisti.
Oikea klikkaus toimii edelleen
Tarkista Suojauskeskuksesta, että selaintason kopioinnin hidastus on käytössä. Testaa kirjautumattomana ja tyhjennä myös selaimen välimuisti. Muista, että tämä toiminto on vain yksi suojauskerros eikä se estä kuvakaappauksia.
Sivu tai lightbox näyttää vanhaa kuvaa
Tyhjennä WP Image Guardin välimuisti, luo suojatut kuvat uudelleen ja tyhjennä lisäksi mahdollinen välimuistilisäosa, palvelinvälimuisti tai CDN-välimuisti. Tarkista sen jälkeen yksityisessä selainikkunassa.
Välimuistin luonti keskeytyy tai on hidas
Valitse suorituskykyasetuksista varovainen luontinopeus, esimerkiksi 5 kuvaa per erä. Tarkista diagnostiikasta muistiraja, suoritusaikaraja, GD/Imagick-tuki sekä välimuistikansion kirjoitettavuus.
Haluan selvittää, miksi juuri tämä kuva näyttää tältä
Avaa Diagnostiikasta kohta “Miksi tämä kuva näyttää tältä?”, syötä kuvan mediakirjasto-ID ja tarvittaessa galleriaprofiili. Näet, tuleeko asetus yleisestä oletuksesta, galleriaprofiilista, kuvakohtaisesta asetuksesta vai poissuljennasta.
11 Aktivoi lisenssi ja tarkista Pro-toiminnot

WP Image Guard Pro tarvitsee voimassa olevan lisenssin, jotta kaikki laajennetut suojaus-, vesileima- ja analyysitoiminnot ovat käytettävissä.

  1. Avaa WordPressin hallinnassa Asetukset → WP Image Guard → Lisenssi.
  2. Syötä ostoksen yhteydessä saamasi lisenssiavain ja tallenna tiedot.
  3. Vahvista, että lisenssin tila näkyy aktiivisena.
  4. Avaa Suojauskeskus ja tarkista, että tarvitut asetukset, kuten galleriaprofiilit, logovesileima, palvelinpuolen suojattu reitti ja analysointi, ovat käytettävissä.

Jos lisenssi ei aktivoidu

Tarkista ensin, ettei avaimen alkuun tai loppuun ole kopioitunut välilyöntiä. Avaa sitten Työkalut ja huolto → Diagnostiikka ja katso lisenssin vianmääritys. Tavallisin tekninen syy on se, että palvelin ei pysty muodostamaan ulkoista HTTPS-yhteyttä lisenssin vahvistusta varten.

Tietosuojahuomio: lisenssin vahvistus käyttää lisenssiavainta, sivuston URL-osoitetta, tiivistettyä isäntänimeä ja lisäosan versiota lisenssin tarkistamiseen.

Julkaisua edeltävä tarkistuslista

Käy nämä kohdat läpi aina, kun otat suojauksen käyttöön uudella sivustolla tai teet suuria muutoksia.

  • Suojausalue on valittu tarkoituksella.
  • Näkyvä vesileima on valittu ja esikatseltu.
  • Galleriaprofiili on oikea tai kuvakohtainen poikkeus on perusteltu.
  • Välimuisti on tyhjennetty ja luotu uudelleen muutosten jälkeen.
  • Testaus on tehty kirjautumattomana sekä työpöydällä että puhelimella.
  • Galleria, lightbox ja mahdollinen WooCommerce-tuotesivu toimivat oikein.
  • Diagnostiikka ei ilmoita välimuistikansion tai kuvankäsittelyn ongelmista.
  • Alkuperäiset kuvat ovat tallessa myös erillisessä varmuuskopiossa.