Luokittele rooli
Kirjaa URL, sivu, aihe, rooli, mahdollinen linkki, kieli ja näkyvyys.

OPAS / MENETELMÄ
Hyödyllinen kuva selittää jotain; sen roolin, lähteen ja esityksen tulee olla selviä.
Suora vastaus
Luetteloi kuvat sivun ja käyttötarkoituksen mukaan. Erota informatiiviset, koristeelliset ja toiminnalliset kuvat; tarkista alkuperä, oikeudet, vastaavuus, tekstivastine, kuvateksti, mitat ja HTML.
01 / Tarkistusmenetelmä
Kirjaa URL, sivu, aihe, rooli, mahdollinen linkki, kieli ja näkyvyys.
Kirjaa tekijä, lähde, lisenssi tai lupa, päivä, muutokset ja mahdollinen luontitapa. Poista käyttö, jolle oikeuksia ei osoiteta.
Kirjoita informatiiviselle kuvalle kontekstiin sopiva vastine; vältä koristeen turhaa ilmoitusta. Tarkista kuvateksti ja kontrasti.
Katso src ja srcset, muoto, mitat, latausprioriteetti, koko, mobiilinäkymä ja tarvittavat lisenssitiedot.
KÄYTÄNNÖSSÄ
Päätä ensin, mitä lukijan pitää ymmärtää. Tunnelmakuva voi esitellä aiheen; todisteena käytetty kuva tarvitsee alkuperän ja asiayhteyden. Valitse rajaus, kuvateksti ja tiedostokoko vasta sitten.
Valitse havaittu tilanne. Kukin vaihtoehto kertoo ensimmäisen tarkistuksen, hyödyllisen näytön ja tarkistuksen rajan.
Lisälukemista

| Tilanne | Vältä | Hyödyllinen korjaus |
|---|---|---|
| Tunnelmakuva | Esittää generoitu näkymä todellisena tapahtumana. | Kerro kuvitusrooli ja tekoälyllä tuottaminen. |
| Dokumenttivalokuva | Käyttää kuvaa ilman päivää tai alkuperää. | Linkitä tietue, tekijä tai organisaatio, kuvauspäivä ja käyttöehdot. |
| Selittävä kaavio | Jättää luvut vain kuvan pikseleihin. | Anna arvot, yksiköt ja rajat myös tekstinä tai taulukkona. |
Mikä merkitys katoaa ilman kuvaa?
Mikä lähde ja kuvateksti perustelevat käytön?
Mikä versio pysyy terävänä todellisessa näyttökoossa?
Tarkista sivu ilman kuvia ja pienellä näytöllä. Kuvatekstin on säilyttävä ymmärrettävänä eikä olennainen tieto saa riippua vain väristä.
Sivuston WebP-tiedostot; arvioitu tilanne, ei liikenteen tai nopeuden mittaus. Välimuisti, näytön tiheys ja muut resurssit muuttavat todellista tulosta.
Arvioitu kokonaiskoko : 100,5 KiB
960 px:n vertailutaso : 283,1 KiB
Kokoero : 182,6 KiB
| Tiedoston leveys | Arvioitu kokonaiskoko |
|---|---|
| 480 px | 100,5 KiB |
| 768 px | 203,6 KiB |
| 960 px | 283,1 KiB |
Luettu .
Apollo 17:n kuva Maasta on konkreettinen esimerkki: kuvan tunnistaminen ei ajoita sen yhteydessä esitettyä kertomusta. Uudelleenjulkaisun päivä ja kuvauspäivä ovat eri tietoja.

Todellinen dokumenttiesimerkki, luettu 2026-10-14. Pienennetty WebP-versio ilman rajausta tai tekoälyretusointia.
Earthrise näyttää kolme dokumentoitua päivämäärää. Valokuva on aito; kaksi virallista tietuetta antavat asiayhteyden.

Julkaisu vuonna 2024 ei tee kuvasta vuonna 2024 otettua. Säilytä kuvauspäivä ja jokaisen luetun sivun viite.
Se ajoittaa pääsysi lähteeseen. Se ei korvaa kuvausta tai julkaisua eikä osoita sivun olleen samanlainen aiemmin.
Lähteet luettu . NASA-tiedostosta pienennetty WebP-versio ilman rajausta tai tekoälyretusointia.
02 / Säilytettävä näyttö
Sivu, tiedosto, rooli, toimituksellinen vastuuhenkilö ja tarkistuspäivä.
Lähde, lisenssi tai lupa, rajat ja tunnetut muutokset.
Vaihtoehtoteksti, kuvateksti, konteksti ja roolin perustelu.
Toimitettu HTML, mitat, muodot, koko ja mobiilitulos.
TARKISTUSPISTE
Yleinen tulkintavirhe ja tarkistus, jolla se voidaan välttää.
Terävä ja hyvin pakattu kuva voi silti johtaa harhaan, jos kuvateksti on väärä, koriste esitetään todisteena tai sisältö ei sovi kieliversioon.
Tarkista toimituksellinen rooli, alkuperä, oikeudet, päiväys, kuvateksti ja vaihtoehtoinen teksti eri käyttöyhteyksissä. Testaa rajaus ja luettavuus todellisissa ko’oissa.
TARKISTUKSEN JÄLKEEN
Poista se julkisesta käytöstä oikeustodisteeseen asti ja kirjaa lisenssi, rajat sekä muutokset.
Lisää asiayhteyden mukainen vastine tai viereinen teksti ja testaa ymmärrys ilman kuvaa.
Päätös ja tarkistusjälki
Mitä tarkistus auttaa päättämään ja mitä on talletettava päätöksen arvioimiseksi uudelleen.
Tarkista jokaisen tärkeän kuvan tiedosto, koko, rajaus, alt-teksti, oikeudet sekä sivun, jakokuvan ja merkinnän yhtenäisyys. Tiedosto ei yksin tee kuvasta hyödyllistä.
Vaihda harhaanjohtavat tai raskaat kuvat ja säilytä alkuperätieto. Tarkista näyttökoot ja julkiset metatiedot uudelleen.
OSINT / Viralliset lähteet
Erota tiedoston alkuperä, kuvassa näkyvät tunnukset ja kopiointioikeudet.
Tarkista digitoidun asiakirjan painos ja uudelleenkäytön ehdot.
Muista rajoitusDigikopio ei vahvista kaikkia dokumentin väitteitä. Tarkista alkuperä, OCR-virheet ja resurssin käyttöehdot; BnF-valokuvan lisenssi ei koske asiakirjoja.
Lue lähdekorttiSelvitä, vastaako kuvassa näkyvä tunnus ranskalaista tavaramerkkiä.
Muista rajoitusLue rekisteröinnin tai hakemuksen tila, päiväys ja suojan laajuus.
Lue lähdekorttiTutki rekisteröityjä malleja olettamatta käyttölupaa.
Muista rajoitusKuvahaku ei takaa oikeuksien kattavuutta tai käyttövapautta; tarkista tila ja alue.
Lue lähdekorttiTyypillisiä tilanteita tarkistuksen suunnitteluun. Ne eivät kuvaa toteutettuja toimeksiantoja tai todellisia havaintoja.
Etsi alkuperäinen media, ilmoitettu tekijä, käyttöehtoteksti ja tarkastuspäivä. Tarkista, että saatavilla olevat ehdot koskevat tätä versiota ja suunniteltua käyttöä.
Vaihda media tai keskeytä sen käyttö, jos tarvittava lupa jää epäselväksi. Säilytä dokumenttilähde äläkä pidä verkossa saatavuutta käyttölupana.
Tallenna alkuperäinen URL, luetut ehdot, versio, päivä ja toteutetut toimitukselliset velvoitteet, kuten vaadittu tekijämaininta.
Vertaa alkuperäistä mobiili- ja työpöytäkokoihin. Tarkista kadonneet selitteet, asteikot, henkilöt tai alueet ja vaihtoehtoisen tekstin vastaavuus näkyvään osaan.
Muuta rajausta tai esitystapaa, jos menetys muuttaa tietoa. Kuvaa kuvan tehtävä sivulla lupaamatta variantista puuttuvia osia.
Säilytä variantit, mitat, asettelun vaihtumiskohdat sekä rajauksen ja vaihtoehtoisen tekstin perustelut.
Vertaa näyttöleveyttä, currentSrc-arvoa ja siirtoa puhelimella ja tietokoneella.
Korjaa sizes ja versiot säilyttäen kohteen selkeys.
Leveys, valittu tiedosto, tavut ja rajauksen tarkistus.
Kysymykset täydentävät menetelmää. Ne auttavat tunnistamaan tuetut päätelmät säilyttäen varaukset tietueessa.
Onko alkuperä, tunnetut oikeudet ja muutokset dokumentoitu? Erottavatko kuvateksti ja vaihtoehto dokumentaarisen kuvan, logon, kaavion ja tunnelmakuvan?
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
Säilyttääkö pienelle näytölle valittu tiedosto mitat, selkeyden ja rajauksen merkityksen? Tarkista viivästetty lataus ja puuttuvat resurssit suurentamatta heikkoa alkuperäistä keinotekoisesti.
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
Onko kaavion olennaisesta tiedosta tekstiesitys? Yleinen vaihtoehto kuten ”kaavio” ei välitä arvoja tai suuntaa.
Tarkistettu dokumentaatio : W3C WAI · Images Tutorial ·
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
TYÖKALUT / REKISTERIT
Määritä median rooli: näyttö, kuvitus tai koriste. Liitä näyttö lähteeseensä ja merkitse kuvitettu näkymä nimeämättä sitä todelliseksi paikaksi.
03 / FAQ
Ei. Puhdas koriste voi käyttää tyhjää altia; tietoa välittävä kuva tarvitsee asiayhteyden mukaisen vastineen.
Tärkeä toimituksellinen kuva kannattaa esittää img-elementillä, src:llä ja lähellä olevalla tekstillä.
Kun se antaa lähteen, tosiasian, päivämäärän tai kontekstin, jota kuva ei yksin osoita.
Keskeytä julkinen käyttö, etsi lupatodiste tai vaihda kuva.
04 / Viralliset lähteet
DOKUMENTOIDUT TIEDOT
Koodatun rungon koko, puretun rungon koko ja siirtoindikaattori kuvaavat eri asioita. Säännöt ovat W3C:n 1.9.2026 Candidate Recommendation Draft -luonnoksesta; standardointi on kesken.
Koodattu runko → HTTP-purku → purettu runko; ei kuvaa pikselimuistia.
| Viite | Arvo tai muoto | Mitä se yksilöi |
|---|---|---|
| encodedBodySize | koodattu runko | encodedBodySize kuvaa runkoa ennen sisältökoodauksen kuten HTTP-pakkauksen purkamista. Se ei ole alkuperäisen julkaisemattoman tiedoston koko tai sivun kaikkien siirtojen määrä. |
| decodedBodySize | purettu runko | decodedBodySize kuvaa runkoa HTTP-sisältökoodauksen purun jälkeen. Kuvalla se ei ilmaise purettujen näyttöpikselien muistia. HTTP-purku ja JPEG-purku ovat eri toimintoja. |
| transferSize | encodedBodySize + 300 | Luonnoksessa transferSize lisää koodattuun runkoon vakion 300 välimuistitapauksia lukuun ottamatta. Vakio peittää otsakkeiden todellisen koon: tulos ei ole tarkka verkkotavujen määrä. |
| CACHE | paikallinen: 0 · tarkistettu: 300 | Sääntö erottaa paikallisen välimuistin arvon nolla tarkistetun välimuistin arvosta 300. Tarkistus voi vaatia verkkovaihdon palauttamatta koko runkoa. Tallennettu runko ja verkkovaihto ovat eri kokoisia. |
| VISIBILITY | TAO ≠ CORS | Näkyvyysrajoitukset voivat myös nollata kenttiä. Timing-Allow-Origin avaa ajoitustietoja; CORS säätelee eri pääsymekanismia. Nolla yksin ei todista välimuistia tai tyhjää tiedostoa. |
| SERVICE WORKER | asiakas ↔ worker | Service workerin kanssa ajat voivat kuvata asiakas–worker-reittiä. Ne eivät automaattisesti paljasta workerin sisäistä verkkopyyntöä. Tunnista välittäjä ennen vertailua. |
Säännöt kuvaavat päivättyä luonnosta eivätkä samaa tukea kaikissa selaimissa. Kirjaa selain ja versio sekä tarkista otsakkeet ja välimuisti ennen päätelmiä.
Ei. Kenttä koskee HTTP-sisältökoodauksen purkamista. Kuvamuoto, mitat ja pikseleiksi purkaminen ovat muita vaiheita.
Dokumentaatio tarkistettu .
DOKUMENTOIDUT TIEDOT
Sama kehys voi näyttää eri osia kuvasta sovitustavan mukaan. Molemmat säilyttävät kuvasuhteen mutta täyttävät vastakkaiset ehdot. Työkalu laskee keskitetyn geometrisen mallin jo oikein suunnatuista mitoista.
| Viite | Arvo tai muoto | Mitä se yksilöi |
|---|---|---|
| contain | min(Cw / W, Ch / H) | contain käyttää pienempää skaalauskerrointa. Koko kuva mahtuu kehykseen, mutta tyhjiä kaistoja voi jäädä. |
| cover | max(Cw / W, Ch / H) | cover käyttää suurempaa kerrointa. Kehys täyttyy ja yli menevä kuva leikataan. |
| rendered | W × s ; H × s | Piirtomitat ovat kuvan mitat kerrottuna kertoimella. Ne eivät välttämättä vastaa näkyvän kehyksen mittoja. |
| object-position | 50% 50% | Kun object-position on 50% 50%, ylimäärä jakautuu tasan kummallekin puolelle akselia. Laskenta näyttää vasemman/oikean ja ylä-/alareunan rajauksen lähdekuvan yksiköissä. |
| fill ≠ cover | aspect ratio | fill voi muuttaa kuvasuhdetta ja eroaa cover-arvosta. none ja scale-down noudattavat muita sääntöjä eikä niitä simuloida tässä. |
Neljä kokonaislukua väliltä 1–20 000. Kuva on jo suunnattu; object-position: 50% 50%.
Keskitetty geometrinen laskenta; tulokset neljällä desimaalilla.
Kuvan mitat ovat mallin neliömäisiä lähdepikseleitä ja kehyksen mitat CSS-pikseleitä. Kaavio on havainnollistus eikä valokuva tai tiedoston mittaus. Laskenta ei huomioi rasteroinnin pyöristyksiä, reunuksia tai CSS-muunnoksia. Sivussa oleva kohde voi leikkautua oikeasta geometriasta huolimatta: tarkista tärkeät kohteet ja kuvatiedot eri muodoissa.
Dokumentaatio tarkistettu .
SYVENTÄVÄ LUKEMINEN / KÄYTÄNTÖ
Kuvassa kuvataan teema, mutta se voi ehdottaa paikkaa, henkilöä tai tapahtumaa, jota sivu ei dokumentoi. Tilintarkastus tarkastelee toimituskykyä, kontekstia ja siihen liittyviä tietoja.
Päivitetty .
Lähde, legenda, vaihtoehtoinen teksti, ulottuvuudet ja vaihtelut. Varmista, että kuva vastaa sen roolia: kuva, asiakirja, kuvaa tai puhtaasti koristeellinen elementti.
Visuaalisesti merkityksellinen kuva ei ole todiste siitä. Legenda tai liian tarkka vaihtoehtoinen teksti voi tuoda määrityksen, jota tiedosto ei pysty määrittämään.
Kuvien inventari yhdistää sivun, tiedoston, roolin, alkuperän ja valvonnan. Korjaukset voivat koskea kontekstia, legendaa, painoa tai itse valinta kuvan.
KÄYTÄNNÖN TAPAUS / OPETUSESIMERKKI
Esimerkkinä on web-ohjauksen pedagoginen tilanne. Se yhdistää virheen konkreettiseen reittiin ja kuvailee tapaa tarkistaa korjaus, sen sijaan, että vain muutoksen julkaisu katsotaan todisteena ratkaisusta.
Kuva on mukana tutkimustekstissä ja sitä voidaan ymmärtää kuvauksena kuvatun tapauksen. Verkkosivulla ei ole tietoa sen roolista eikä alkuperästä.
Tarkastella legendaa, kontekstia ja vaihtoehtoista tekstiä. Erikoistetaan kuvaus ja dokumentti. Valitse esitys tai toinen visuaalinen, jos epäselvyys jatkuu selityksen huolimatta.
Kuvien merkitys tulee selkeäksi. Todisteet jäävät erillään visuaaleista, joiden tarkoituksena on auttaa ymmärrystä tai asentaa toimituskykyä.
Se kuvailee tietoja, jotka ovat hyödyllisiä kuvan ymmärtämiseen. Alkuperä ja julkaisun rooli voivat edellyttää erillistä näkyvää mainitsemista, erityisesti silloin, kun määritys vaikuttaa asiakirjan lukemiseen.
YKSITYISKOHTAINEN HARJOITUS / SOVELTAMINEN
Kerää kuva, legenda, vaihtoehtoinen teksti ja sivun konteksti. Määritä odotettu rooli: asiakirja, kuvaus, portretti tai koristeelementti.
Lue sivustoa visuaalisesti ja ilman sitä. Tunnistaa paikat, henkilöt tai tapahtumat, joita kuva voi ehdottaa. Tarkista alkuperä, määritys ja kontekstielementit, jotka ovat välttämättömiä tämän lukemisen.
Jos kuva on kuvallinen, mutta näyttää dokumentoivalta, mukauta esittely tai visuaalinen. Legenda on valitettava hänen roolinsa ilman, että hänelle annetaan todisteita, joita se ei tarjoa.
Käyttö on johdonmukaista, kun lukijan voi ymmärtää visuaalisen toiminnan. Painon ja koon tarkastukset täydentävät tätä lukemista korvaamatta toimitusvalvontaa.
Lähetä tiedostoja, käyttötarkoituksia ja päätöksiä. Sivut, jotka käyttävät kuvaa uudelleen, tarkastellaan, jos korjaus koskee sen alkuperää, legendaa tai tulkintaa.
TYÖASIAKIRJA / TARKISTUSTAULUKKO
Tiedosto säilyttää tiedoston, alkuperän, roolin, legendan ja vaihtoehtoisen tekstin. Se tutkii, mitä kuva antaa ymmärtää ja erottaa asiakirjan todiste, kuvaus ja koristelu.
Pienellä näytöllä voit lukea kaikki kolme saraketta vierittämällä taulukkoa vaakasuunnassa.
| Havainto | Perusteltu tulkinta | Seuraava vaihe |
|---|---|---|
| Illustratiivinen rooli on selvä sivulla. | Visuaali tukee ymmärrystä ilman, että sitä esitetään dokumenttiosana. | Tarkista muunnelmia ja tietoja, jotka liittyvät sen muihin käyttötarkoituksiin. |
| Legenda osoittaa asiakirjoittamattoman paikan. | Esityksessä lisätään väite, jonka tiedosto ei salli asettaa. | Tarkista legenda tai valitse kontekstiin sopiva kuva. |
| Toistaminen poistaa elementin, joka muuttaa merkitystä. | Vaihtoehto voi ehdottaa erilaista lukemista kuin alkuperäinen. | Vertaa käyttötarkoituksia ja palauttaa tarvittava konteksti. |
Lopullinen tarkastus vertaa sitä, mitä teksti väittää ja mitä visuaali ehdottaa. Suoritukset ja paino ovat hyödyllisiä teknisen tarkastuksen kannalta, mutta ne eivät osoita kuvan asiakirja-aineellisuutta.
TULOKSET / MUOTOILUESIMERKKI
Näytön rooli on ymmärrettävä ilman lisätodistusta.
Luo yhteen teksti, kuva ja tiedot, jotka liittyvät sen käyttöön.
Kuva täyttää sivun kontekstissa ilmoitetun roolin. Legenda ja vaihtoehtoinen teksti eivät lisätä sellaista määritelmää, joka ylittää sen dokumentoidun alkuperän.