Vitec Connect
Dokumentation för API-funktioner
API för bilder Api:et styrs via parametrar i url:en.

OBS! Den svarta ramen runt bilderna i exemplen nedan kommer inte från API:et utan är till för att visa storleken på bilderna.

 Bredd och höjd

Du kan sätta gränsvärden för hur stor bredden och höjden får vara på en bild genom att ange width och/eller height.

Om endast width eller height är angivet så behålls bildproportionerna (4:3, 16:9 etc).

  • exempel
    Endast bredd w=100
  • exempel
    Endast höjd h=100
  • exempel
    Bredd och höjd w=100&h=100
Beroende på vad som är satt i parametern mode så kommer bredd och höjd behandlas olika.
  • exempel
    Max begränsning w=100&h=100&mode=max
  • exempel
    Beskär w=100&h=100&mode=crop
  • exempel
    Sträck ut w=100&h=100&mode=stretch
Skalning Om inget är angivet så skalas inte bilderna upp, de skalas endast ner. Originalbilden har storleken 155px x 103px.
  • exempel
    Skala endast ner w=200&h=200&scale=down
  • exempel
    Skala både upp och ner w=200&h=200&scale=both
  • exempel
    Fyll ut till 200x200 w=200&h=200&scale=canvas
Kvalitet

Kvalitetsparametern går från 1 till 100 där 100 är bäst kvalitet. Ju högre kvalitet som efterfrågas, desto större blir bilderna.

Standardvärdet på kvalitet är 90, vilket brukar vara ett bra värde för att få bra kvalitet men inte alltför stora bilder.

För att ändra på kvalitet på bilden, ange parametern quality och sätt den till önskad kvalitet
  • exempel
    Kvalitet 80, storlek 94KB w=800&quality=80
  • exempel
    Kvalitet 90, storlek 143KB w=800&quality=90
  • exempel
    Kvalitet 100, storlek 385KB w=800&quality=100
Exempel på url:er
  • exempel
    https://connect.maklare.vitec.net/Image/GetImage?customerId=S30164&imageId=3CL2QQ8R92LC1030&w=600&mode=max
  • exempel
    https://connect.maklare.vitec.net/Image/GetImage?customerId=S30164&imageId=3CL2QQ8R92LC1030&w=200&h=200&scale=canvas
  • exempel
    https://connect.maklare.vitec.net/Image/GetImage?customerId=S30164&imageId=3CL2QQ8R92LC1030&w=200&h=200&mode=crop
Effekter, skuggning, rundade hörn Detta sköts med fördel via css.
  • exempel
    Skuggning (css: box-shadow: 10px 10px 5px #888888;) https://connect.maklare.vitec.net/Image/GetImage?customerId=S30164&imageId=3CL2QQ8R92LC1030&w=400
  • exempel
    Rundade hörn (css: border-radius: 30px;) https://connect.maklare.vitec.net/Image/GetImage?customerId=S30164&imageId=3CL2QQ8R92LC1030&w=400