JPG to AVIF - PHP HTML Script Function

These php functions will help you to show AVIF images on your pages

AVIF as BACKGROUND IMAGE

function avifBreadcrumb($xavif){ echo "style='background-image: image-set(\"images/header/" . $xavif . ".avif\" type(\"image/avif\"), \"images/header/" . $xavif . ".jpg\" type(\"image/jpeg\")); background-repeat: no-repeat; background-position: center bottom; background-size: cover;'"; }

AVIF Image in IMG tag

function xslider($ximg, $xalt){ echo '<picture> <source srcSet="' . $ximg . '.avif" type="image/avif" /> <img decoding="async" loading="lazy" src="' . $ximg . '.jpg" alt="' . $xalt . '" class="d-block w-100" /> </picture>'; }