Afbeeldingen naar WebP-indeling , hoe te gebruiken op je website?

Afbeeldingsformaten zoals JPEG 2000, JPEG XR en WebP bieden vaak betere compressie dan PNG of JPEG, wat snellere downloads en minder gegevensverbruik betekent.

Maar hoe gebruik je die foto's/afbeeldingen in Joomla, gezien dat wanneer ik foto.webp gebruik worden die niet zichtbaar op de website.

Inmiddels heb ik een plugin gevonden, die alle extenties van foto's/afbeeldingen omzet naar WEBP, deze kunt u hier vinden

Het is een ongelooflijk simpel programma, en zet ieder extensie om naar .WEBP

Lighthouse website snelheid
De snelheid van je website vliegt omhoog hierdoor, en dat is een goed teken gezien zoals vele dit weten is dat google nu ook kijkt dat hoe rap je website inlaad. Hierdoor zal je website ook eigenlijk een soort waardering gegeven worden in de zoekmachines dat je website hoger komt te staan in de rang.

Verandering van de foto is absoluut niet aan de orde hier, de kwaliteit blijft het zelfde zoals formaat. Een aanrader dus

Nog een handig optie
zodra je een folderS van images toevoegd, zoals op jaartal kan men ook de tijds duur instellen dat wanneer dj-webp weer moet conventeren. Handig dat als je in mijn situatie een nieuws website hebt, zijn er ook artikelen meer dan bijvoorbeeld 10 jaar oud. Deze kan je dan het beste zetten op 24 uur om dan pas te conventeren of je zet hem op nooit. Hiermee zal de server ook niet door overbelast worden.

Echter nu na wat testen kwam ik wel er achter dat ineens Use a Content Delivery Network (CDN)

images/klein/2021/bataafse-revolutie2-min.webp
images/klein/2021/ezgifcom-gif-maker1.webp
images/klein/2020/67cd37a440d3af94c4f76ff6a2615cf1-grondweta03430ef32-min.webp

Wellicht zal dit zijn, om de website hierdoor nog sneller te maken zonder de cookie.

Zie foto als voorbeeld wat alles heeft veranderd, van performance 89% naar 100%, structure 92% naar

Aanvulling op het gebruik van WebP

MimeType moet even aangemaakt worden, deze die je kunt terug vinden in de directAdmin


Klik op de link naar "mimi type" link dan komt men in het volgende scherm


Het toevoegen van een MimeType gaat als volgt



reden

Uitstekende keuze voor zowel afbeeldingen als geanimeerde afbeeldingen. WebP biedt een veel betere compressie dan PNG of JPEG met ondersteuning voor hogere kleurdiepten, geanimeerde frames, transparantie enz. AVIF biedt iets betere compressie, maar wordt niet zo goed ondersteund in browsers en ondersteunt geen progressieve weergave.
Ondersteuning: Chrome, Edge, Firefox, Opera, Safari

verdere informatie over MIME types (IANA media types) kan men hier terug vinden

Door oplettendheid van Leen, is er wel een fout ontdekt in deze plugin

"Notice: Undefined index: 14cc662fa19be728d8fe9adf1c1869d0 in /public_html/plugins/system/djimgtowebp/djimgtowebp.php on line 213"

De plugin doet wel zijn werk, maar door de foutmelding heb ik wel deze module verwijderd.

opzoek naar een andere plugin of component