Blommor som exempelmaterial đ
Bilderna förestÀller blommor i olika Ärstider. De har ingen koppling till kodning, men de Àr betydligt snyggare Àn bilder pÄ mig nÀr jag stirrat pÄ en terminal i tre timmar.
Bilder optimerade för webben
Sommarblomning đŒ
Den hĂ€r bilden Ă€r konverterad till WebP för att minska filstorleken utan att försĂ€mra bildkvaliteten. Moderna bildformat gör stor skillnad för laddningstiden â sĂ€rskilt pĂ„ mobila enheter.
Blommor i vĂ„rljus đ·
För webben Àr det sÀllan nödvÀndigt att anvÀnda originalstorleken frÄn kameran. Genom att skala ner bilden till en rimlig bredd minskar bÄde laddningstid och datamÀngd.
Vinterblomma âïž
Bilder stÄr ofta för den största delen av en webbplats totala vikt. Effektiv bildoptimering Àr dÀrför en av de enklaste ÄtgÀrderna för bÀttre prestanda.
HöstfĂ€rger đ
IstÀllet för att manuellt optimera varje bild anvÀnds ett Node-script som automatiskt skapar optimerade versioner. Det sparar tid och minskar risken för misstag i större projekt.
Blomma i nĂ€rbild đș
Förutom filstorlek Àr korrekt anvÀndning av alt-texter viktig. Det förbÀttrar tillgÀngligheten och gör att innehÄllet kan tolkas Àven utan att bilden visas.