Almost before we knew it, we had left the ground.

Gatsby images

Gatsby Images er en plugin til frontend-rammeverket Gatsby. Den hjelper deg med å hente ut flere egenskaper fra bilder, som å skalere og redigere farger kun ved hjelp av kode.

screenshot 2020 09 03 at 09 42 38
https://ayakaito.com/

Gatsby Images er en plugin til frontend-rammeverket Gatsby. Den hjelper deg med å hente ut flere egenskaper fra bilder, som å skalere og redigere farger kun ved hjelp av kode.

Responsive bilder

For at nettsider ikke skal være treg og ikke laste ned unødvendig data er det en fordel å kunne enkelt lage flere ulike varianter i ulike størrelser som vises tilpasset til den enheten nettsiden vises på. Mindre bilder på mobil og større på desktop.

Effekter ved innlasting

Gatsby images tilbyr i tillegg ulike effekter ved innlasting, slik at en placeholder vises før bildet har blitt lastet inn, f.eks. som en uskarp eller stilisert variant av det originale bildet.

Importer biblioteket:

import Img from "gatsby-image"