Kādām ieteicams būt bildēm interneta veikalā vai web vietnē?

Preču bildes – tas ir ļoti svarīgs interneta biznesa aspekts. Digitālā mārketinga speciālisti saka, ka tieši kvalitatīvas preču bildes veicina pirkt preci. Mūsdienās bilžu vietā arvien biežāk tiek izmantots video formātus vai 360 grādu panorāmas bildes, kas prezentē produktu no visām pusēm.

Biežāk pieļautās kļūdas izvēloties bildes web vietnei ir tas, ka bildes bremzē web lapas darbību! Nevar izmantot bildes radītas ar telefonu bez iepriekšējas apstrādes. Bildes, kuras ir uzņemtas ar telefonu var saturēt ļoti daudz informācijas. Mēs to nosauksim par svaru (MB). Jūsu klientiem telefona bilžu parādīšanās web vietnē būs lēna. Web lapas darbība būs traucēta mobilajās ierīcēs un klientiem ar sliktu internetu. Lai jūsu mājas lapa darbotos ātri, visām bildēm pirms ielādes web lapā ir jābūt saspiestām (kompresētām). 

Iekš WordPress sistēmas var uzstādīt programmatūru, kas bildes kompresēs automātiski un pārvērtīs mobilam ierīcēm draudzīgā formātā (skatīt zemāk formātus).

Kompresēt – nozīmē tikt vaļā no liekā svara. Piemēram, bilde, kas radīta ar telefonu ir apmēram  8 MB jeb (apm. 8 000 kb) smaga. Ja jūs šādu bildi ieliksiet pa taisno web lapā, tad lapa var vērties līdz pat 10 sekundēm (atkarīgs no interneta pieslēguma). Tas ir ļoti lēni. Lai jūsu web lapa tiktu ielādēta maksimāli ātri, tad bildei web vietnē jābūt saspiestai (kompresētai) līdz 200 KB. *Nejaukt ar bilžu vertikālo un horizontālo izmēru pikseļos, par attēla kvalitāti parunāsim zemāk. Bildes smagumu vienmēr var pārbaudīt uzbraucot ar peles kursoru uz bildes vai piespiežot peles labo pogu, tad izvēlaties rekvizīti jeb “properties”. Kā kompresēt bildes. Ir vairāki instrumenti.

Mēs pārsvarā izmantojam šo bezmakas rīku: https://shortpixel.com/online-image-compression Bildes var masveidā uzvilkt uz laukuma un lejupielādēt jau saspiestas.

*Pirms ielādes mājas lapā pārliecinieties, ka bildes tiešām ir izmainījušas svaru un ir  līdz 200kb(+-)

Labākie bilžu formāti ātrākai ielādei un optimālai kvalitātei tīmekļa vietnēs ir šādi:

1. WebP

  • Plusi:
    • Laba attēlu kvalitāte pie mazāka faila izmēra.
    • Atbalsta gan rastra attēlus (JPEG alternatīva), gan caurspīdīgumu (PNG alternatīva).
  • Mīnusi:
    • Ne visi vecāki pārlūki atbalsta (piemēram, vecākas Safari versijas).

2. AVIF

  • Plusi:
    • Vēl mazāki faili nekā WebP, saglabājot augstu kvalitāti.
    • Atbalsta caurspīdīgumu un HDR attēlus.
  • Mīnusi:
    • Mazāk izplatīts pārlūku atbalsts, taču tas strauji pieaug.

3. JPEG (JPEG 2000 vai JPEG XR)

  • Plusi:
    • Labs kompromiss starp faila izmēru un kvalitāti.
    • Plaši atbalstīts.
  • Mīnusi:
    • Nav caurspīdīguma atbalsta.

4. SVG (vektorgrafikai)

  • Plusi:
    • Ideāli piemērots logotipiem, ikonām un grafikām, kas balstītas uz līnijām un formām.
    • Mērogojami bez kvalitātes zudumiem.
  • Mīnusi:
    • Nav piemērots fotogrāfijām vai sarežģītiem rastra attēliem.

5. PNG (tikai, ja nepieciešama caurspīdība)

  • Plusi:
    • Laba kvalitāte un caurspīdīguma atbalsts.
  • Mīnusi:
    • Lielāks faila izmērs salīdzinājumā ar WebP vai AVIF.

Rekomendācija:

  • Primāri: Izmanto WebP vai AVIF, ja pārlūkprogrammu atbalsts ir pietiekams.
  • Rezerves variants: Izveido fallback attēlus JPEG vai PNG formātā vecākiem pārlūkiem.
  • Vektorgrafikai: Vienmēr izmanto SVG.

Bilžu izmēri interneta veikalā – vertikāle un horizontāle

Ja augstāk runa bija par svaru, tad tagad parunāsim par bilžu izmēru.

 

Bilžu izmērs nevar būt mazāks par 600*600 px – tas saistīts ar to, ka preces ar mazāku nevar automātiski eksportēt uz ‘Facebook busines page’. Mazas bildes interneta veikalā kļūst “duļķainas”, neskaidras.

Normāls izmērs ir 600*600px

Liels izmērs 1024*1024 pc

Super liels izmērs 1600*1600 px

*lielākas bildes par 1600 px nav jēgas ievietot mājas lapā, jo klientu datoru ekrāni nemēdz būt lielāki par 1600px.

Veikalā ieteicams izmanot bildes, kurām ir vienādas malas. Bildes ar vienādām malām simetriski kārtojas mājas lapā, bet nevienādu malu bildes kārtojas diezgan haotiski.

Bildes ar baltu fonu izskatās respektabli un iederas jebkurā veikala dizainā.

Lai radītu bildes ar baltu fonu (kā zemeni augstāk) var izmantot baltu ekrānu vai šādu kastīti par 15€


Google Play un App store ir pieejami dažādi bilžu redaktori priekš telefona bildēm, ar kuru palīdzību var radīt labas kvalitātes preču bildes, ar dažādu fonu.

 

Par logo web lapā

Tradicionāli logo zona web lapā nav lielāka par 300*100 px

Logo ieteicams .png formāta ar caurspīdīgu fonu. Te var aplūkot piemēru:  https://dokumenti24.lv/wp-content/uploads/2021/02/logo24-new-web-izveide.png

Kādas bildes nevar likt web lapā vai interneta veikalā

Nevar mājas lapā izmantot bildes uz kurām ir svešas ūdenszīmes. Pirmkārt, tas nav respektabli un otrkārt, ūdenszīme nozīmē to, ka bilde ir aizsargāta ar likumu par autortiesībām.

Ko var

Individuāli radītas bildes vienmēr izskatīsies labāk, bet ja nav foto iemaņu un na v laika dārgai fotosesijai, bilžu apstrādei utt, tad drīkst ņemt bildes no interneta, piemēram, no ‘Google image’ un ievietot savā mājas lapā, tikai nofiltrējiet bildes bez autortiesībām.

Par bižu indeksāciju un SEO

No Google meklētāja viedokļa būtu labi, ja katras preču bildes nosaukums ir korekts un satur atslēgas vārdus. Piemēram, ja tirgojat kartupeļus, tad slikts bildes nosaukums ir IMG00002524.jpg – šādu bildi ieteicams pārdēvēt uz “kartupeli”.

*bilžu nosaukumos nevar izmantot kirilicu vai latviešu mīkstinājuma zīmes (problēmas). Korekti bilžu nosaukumi ir panākumu atslēga nākotnē. Ja ir laiks, tad ieteicams bildei norādīt arī meta tekstu jeb aprakstu, piemēram “kartupeli agrie skirne adelina”. Šo tekstu bildei var pievienot jūsu mājas lapas ‘Multivides bibliotēkā’ uzklikšķinot uz konkrētās bildes, tad ailē ievadīt bildes aprakstu. Par sliktu nenāks arī bildes alternatīvais teksts, kuru var pievienot turpat bilžu galerijā, jūsu mājas lapā.

Bildes veido kopējo mājas lapas reitingu Google meklētājā! Bildes ar aprakstu ir svarīgas Google algoritmiem. Klienti jūs atradīs ātrāk!