AI Commerce -verkkokauppa pystyy optimoimaan kuvat automaattisesti loppukäyttäjän laitteen ja selaimen tukemien kuvaformaattien mukaan. Tämä säästää verkkokauppiaalta aikaa ja vaivaa, kun ei tarvitse huolehtia erillisistä kuvako'oista ja formaateista. Kuva voidaan ladata monessa eri muodossa, ja järjestelmä hoitaa loput: se skaalaa ja muuntaa tiedostot optimaalisiksi eri laitteilla.

Hyöty käyttäjälle on selvä:

• Ei tarvetta hallita useita kuvaformaatteja tai -kokoja
• Parempi suorituskyky ja nopeampi latausaika
• Visuaalisesti laadukkaampi lopputulos eri päätelaitteilla

Tässä ohjeessa käymme läpi, miten AI Commerce -alusta käsittelee kuvia, miten sen automatiikka toimii ja mitä oletusasetuksia kauppiaan on hyvä tuntea.

Vaiheittainen ohjeistus

1. Kuvien lataaminen

• Yksinkertainen lataus: Voit ladata tuotekuvat AI Commerce -alustaan tavalliseen tapaan (esimerkiksi tuotekuvina, kategoriakuvina tai etusivun bannereina).
• Formaattirajoitukset ovat löyhät: PNG, JPG, WebP tai AVIF käy – alusta muuntaa ja skaalaa kuvan automaattisesti, kunhan kuva on lisätty AI Commerce -järjestelmän omien työkalujen kautta.
   

2. Kuvien optimointi ja jakelu

• Accept Header -tarkistus: AI Commerce lukee selaimen "Accept Header" -tiedot ja määrittää, mikä kuvaformaatti käyttäjän laitteella toimii parhaiten.
• Koko ja skaalaus: Järjestelmä valitsee automaattisesti sopivan kuvakoon (esim. Retina-näytöille isompi resoluutio). Tähän käytetään imageset-tageja porrastettuna, jotta jokainen laite saa optimaalisimman version. Lisätietoja teknologiasta: https://developer.mozilla.org/en-US/docs/Web/HTML/Responsive_images
• Useita versioita: Ensimmäisellä latauskerralla järjestelmä generoi useita kuvaformaatteja (AVIF, WebP, JPG, PNG) ja eri kokoja. Kuvat tallennetaan välimuistiin (cache) vuodeksi. Mikäli kuvalle ei tule pyyntöjä 12 kuukauteen, se generoidaan uudelleen vasta seuraavan pyynnön yhteydessä.

Formaattien prioriteettijärjestys

3. Kuvaformaattien pakotettu käyttö

• Voit pakottaa kuvaformaatin lisäämällä ?f=jpeg (tai png, webp, avif) kuvan url-osoitteeseen.
• Kokoa voi rajoittaa parametreilla kuten ?w=500 (width) tai ?h=1000 (height).
  • Suositus: Älä käytä sekä leveys- että korkeusrajoitusta yhtä aikaa, vaan anna järjestelmän säilyttää oikea kuvasuhde automaattisesti.
     

4. Huomiot hakukoneita varten

• Google-kuvahaku ja AVIF: Vaikka Google-crawleri ymmärtää AVIF-formaatin, Google Images ei sitä vielä tue. AI Commerce ratkaisee ristiriidan toimittamalla automaattisesti WebP-version Google-crawlereille, joten kuvat indeksoituvat normaalisti hakutuloksiin.

5. Kuvat ja domainit

• Yksi kuva, monta versiota: Hallinnollisesti sinulla on vain yksi kuvatiedosto, jonka latasit palvelimelle. AI Commerce hoitaa kaikki muut koot ja formaatit.
• Rajoitus: Järjestelmän automaattinen optimointi toimii ainoastaan AI Commerce -alustan jakamiin kuviin, jotka sijaitsevat pääverkkotunnuksen images tai uploads-polussa. Muilla domaineilla tai erillisillä poluilla sijaitseviin kuviin järjestelmällä ei ole teknistä kontrollia tai riittävää taustatietoa optimoinnin suorittamiseksi.

6. Kuvien jakelun suorituskyky

• Kuvat jaellaan Cloudfrontin kautta, jolloin ne siirtyvät ensin esimerkiksi Frankfurtin palvelimelle ja sieltä lähimpään Edge-palvelimeen (esim. Helsinki-Vantaan lentoasema).
• Ensimmäinen lataus luo kuvan ja vie hieman kauemmin, mutta jatkossa kuva saadaan erittäin nopeasti välimuistista (cache).

Yhteenveto

AI Commercein automaattinen kuvankäsittely säästää verkkokauppiaalta paljon työtä ja varmistaa, että jokaiselle käyttäjälle tarjotaan mahdollisimman nopeasti paras mahdollinen kuvalaadu ja -koko. Järjestelmä optimoi sekä muodon että koon, ja hyödyntää Content Delivery Network -jakelun tuomaa nopeutta. Kauppiaan tarvitsee ainoastaan ladata yksi versio kuvasta – alusta huolehtii kaikesta muusta.