Attēlu apstrāde un resursi

Lai attēli pēc iespējas labāk izskatītos tīmekļvietnē, aicinām iepazīties ar attēlu izmēriem, kādus ir ieteicams izmantot:

• Titulbilde aktualitātei, notikumam, projektam: no 640 x 480 px (min) līdz 1920 x 1080 px (max),
• Darbinieka profila attēls: > 300 x 300 px,
• Banera attēls: > 140 x 140 px,
• Galeriju attēli: 800 x 600 px,
• Attēls ar ēkas ieeju (iestādes, filiāles, struktūrvienības kontaktos): 800 x 400 px,
• Sākumlapas fona attēls: > 1280 x 720 px,
• Pašvaldības vietnes sākumlapas attēls: publiskajā pusē tiek attēlots 1366 x 500 px. Lai attēla kvalitāte saglabātos augsta, to nepieciešams augšupielādēt 2 x lielāku nekā attēlotais mērogs.

Attēla nosaukums un “Alt” teksts

• Pirms pievienojat jaunu attēlu satura administrācijas videi, pārsauciet to atbilstoši attēlā redzamajam saturam, jo arī attēla nosaukumu var apskatīt publiski.
• Attēla nosaukumā nelietojiet garumzīmes un mīkstinājuma zīmes. Starp vārdiem lietojiet domuzīmi vai zemsvītru, nevis atstarpi.
• Attēlu nosaukumi ir būtiski vietnes reputācijas uzlabošanai jeb SEO – “search engine optimization” (tulkojumā no angļu valodas – meklētājprogrammu optimizācija) tādās meklētājprogrammās kā “Google”, “Bing” u. c.

• Pievienojiet attēlam aprakstošu alternatīvo jeb “Alt” tekstu atbilstoši labās prakses principiem, lai ar attēlu varētu iepazīties arī neredzīgi cilvēki, kas lieto ekrāna lasītājus.
• Alternatīvā teksta maksimālais garums ir īsa teikuma apjomā, taču konkrēts zīmju skaits nav noteikts. Dažreiz pietiek ar dažiem vārdiem, lai aprakstītu attēlā redzamo, dažkārt nepieciešams garāks apraksts.
• Ja attēls ir pārāk sarežģīts (attēls, kas satur tekstu vai grafikus), papildus “Alt” tekstam ir jāpievieno tekstuāls apraksts par infografikā apskatāmo saturu. 
• Veidojot “Alt” tekstu, nelietojiet vārdus “attēls”, “bilde”, “infografika” u. c.
• Ja saturs tiks indeksēts un parādīsies tīmekļa meklētāju rezultātos (piem., "Google", "Bing" u. c.), pievienotā attēla alt teksts arī tiks atrādīts meklētāja rezultātu lapā. 
• Lietotājiem, kas izmanto ekrāna lasītājus, tiks nolasīts jūsu pievienotais teksts, tāpēc tam jābūt labi sagatavotam, lai neierobežotu neredzīgu cilvēku iespējas patērēt jūsu mājaslapas saturu.
• “Alt” teksts ir nepieciešams, lai uzlabotu mājaslapas reputāciju (jeb SEO). Mājaslapas, kurās ir profesionāli veidoti “Alt” teksti, sasniedz labākus rezultātus meklētājprogrammās.

Attēla apgriešana

Vairākos satura veidos ir iebūvēta attēla pievienošanas iespēja, piemēram, aktualitātei, notikumam, projektam. Attēlus var pievienot, arī izmantojot satura tipu “teksts”.

• Šajā piemērā pievienosim un rediģēsim attēlu aktualitātei, izmantojot iebūvēto attēla pievienošanas iespēju.
• Attēlu redaktors visos satura veidos darbojas pēc vienota principa.

• Ja nepieciešams rediģēt pievienotā attēla izmēru, satura administrācijas vidē pie attēla izvēlieties “Rediģēt”.

• Izvēlnes logā izvēlieties “Apgriezt attēlu”.

• Izvēlieties labāko iespēju attēla apgriešanai. Ar peles kursora palīdzību jūs varat pielāgot, kuru attēla daļu vairāk izcelt.
• Saglabājiet jūsu izvēli un saglabājiet izmaiņas arī aktualitātē, ko rediģējāt.
  • Attēls netiks neatgriezeniski apgriezts. Tiks saglabāta tā attēlošanas izvēle. Jūs varēsiet atkārtoti atgriezties pie rediģēšanas un vēlreiz pielāgot attēlu.

• Tīmekļa vidē nav ieteicams veidot attēlus ar tekstu. Tomēr, ja tos veidojat, ir jāievēro piekļūstamības prasības.
• Ja attēli satur tekstu un tas nav ievietots arī teksta veidā (virs vai zem attēla), tad informācija nav piekļūstama.
  • Tas nozīmē, ka ekrāna lasītāji nevar piekļūt attēlā esošajai informācijai. Saturs nav redzams neredzīgiem cilvēkiem, un tiek pasliktināta arī vietnes reputācija (SEO).
  • Pievienojot mājaslapai infografikas vai attēlus, kas satur tekstu, vienmēr pievienojiet attēlā redzamo informāciju arī teksta veidā!
  • Pievienojot attēlam tekstu, ir jābūt uzmanīgiem ar teksta lielumu un kontrastu, lai tas atbilstu piekļūstamības prasībām.

* Attēls bez apraksta teksta veidā	* Attēls ar aprakstu teksta veidā, kurā ir pievienots attēlā redzamais saturs

• Lai pārbaudītu krāsu kontrastu un krāsu kombinācijas piemērotību dažādiem teksta lielumiem attēlā, iesakām izmantot internetā bez maksas pieejamos rīkus, piemēram Coolors: https://coolors.co/contrast-checker

• Iesakām izmantot attēlus, ko ir publiskojušas citas valsts pārvaldes iestādes vai pašvaldības. Iesakām vienmēr sazināties ar iestādi un pārliecināties, vai drīkstat izmantot konkrēto attēlu ar atsauci uz iestādi, kam pieder autortiesības.
• Šādam nolūkam varat meklēt attēlus “Flickr” fotoattēlu koplietošanas vietnē, iestāžu mājaslapu galerijās un citur.

Lūk, dažas no bezmaksas attēlu bibliotēkām internetā:

• https://unsplash.com
• https://www.pexels.com
• https://pixabay.com
• https://momenti.lv (Latvijā radītas fotogrāfijas)