Kuinka valita ja valmistella verkkosivuston kuvia

Inventory jokaisen kuvan sijoittelu

Kävele sivuston läpi vierailijana: koti, palvelut, artikkelit, luettelot, kortit, suosittelut ja sosiaaliset esikatselut. Jokaiselle sijoittelulle tietueen näytön koko, aiottu aihe, nykyinen tiedosto, omistaja ja hyväksyntätila. Puuttuva sankari tai sisäisen sivun kuva on helpompi havaita tässä luettelossa kuin kansiossa, joka on täynnä resursseja.

Merkitse toistuvia kuvia yhteen luetteloon ja yleisiä kuvia, joita käytetään toisiinsa liittymättömiin aiheisiin. Yhden valokuvan jakaminen saman sivun käännöksissä voi olla järkevää; Eri aktiviteetteja vertaileva korttisarja vaatii yleensä erillisen visuaalisen kuvan.

• kuvan sijainti ja tarkoitus.
• tietty aihe ja suhde läheiseen kopioon.
• oikeudet, luotto, versio ja hyväksyntä.

Luo laukauslista

Kuvaa jokaiselle prioriteettisivulle lyhyt kohtaus: kuka tai mikä näkyy, asetus, toiminta tai yksityiskohta ja suunta. Jätä tarpeeksi tilaa liikkuvalle rajaukselle ja vältä asettamalla aihetta päällekkäisen tekstin paikkaan. Yksi kuvaus voi tarjota muotokuvan, työkohtauksen, materiaalisen yksityiskohdan ja paikan toistamatta samaa rajausta kaikkialla.

Kun kuva tulee kolmannelta osapuolelta, tarkista julkaisun lupa, sallitut käyttötarkoitukset ja tunnistettavat henkilöt. Älä esitä havainnollistavaa kohtausta todellisena asiakasprojektina tai -tiiminä, jos se ei ole sellainen.

• sivukohtainen pääkuva.
• Täydentävät visuaalit korteille ja prosessivaiheille.
• vaaka- tai pystyversiot komponenttiin sopivaksi.

Optimoi säilyttäen samalla hyödyllistä tietoa

Säilytä korkealaatuinen lähde ja vie sitten muunnelmia todellisuudessa näytetyille koolle. WebP ja AVIF toimivat usein hyvin valokuvissa; Selain ei saa ladata valtavaa kuvaa pienelle kortille. Ilmoita leveys ja korkeus estääksesi asettelun vaihdot ja priorisoida pääkuva, joka näkyy ensimmäisellä latauksella.

Lyhyt kuvaileva tiedostonimi, kontekstikohtainen vaihtoehtoinen teksti ja kuvateksti, kun ne ovat hyödyllisiä, auttavat ymmärtämään enemmän kuin täyttämään exif-kenttiä avainsanoilla. Google Search CentralKutsuu alt-tekstiä tärkeimmäksi kuvailevaksi kuva-attribuutiksi. Tarkista luottotiedot ja oikeudet ennen metatietojen poistamista: Google voi myös käyttää IPTC-metatiedot tai lisensointi strukturoidut tiedot.

• Responsiiviset versiot, tarkistettujen tiedostojen paino ja HTML-mitat.
• Alt-teksti, joka kuvaa kuvan roolia, tai tyhjä alt, kun se on koristeellinen.
• Luvan mukaiset luotto- ja oikeudet.

Tarkista julkaistu tulos

Avaa jokainen sivu puhelimessa ja työpöydällä. Tarkista rajaus, terävyys, tekstin peittokuvat, tummat taustat, latausvirheet ja korttikuvat vastaavat kohteitaan. Sosiaalisissa esikatseluissa valitun kuvan tulee edustaa sivua ja selviytyä lyhyemmästä rajauksesta.

Päivitä varasto, kun palvelut tai kampanjat muuttuvat. Se estää poistettujen kuvien palaamisen, krediittien katoamisen ja pääkuvien katoamisen tärkeiltä sivuilta. Sitä esilaukaisun tarkistuslista Sisältää tämän arvostelun laajemmalla vierailijamatkalla.