Image Optimizer 1.5: Introducing AVIF Compression and Conversion
Table of Contents
- `;
stack.push({ level: level, html: newItem });
} else {
newItem += `${name}`;
stack[stack.length – 1].html += newItem;
}
// Add entry to JSON-LD
tocEntries.push({
"@context": "https://schema.org",
"@type": "SiteNavigationElement",
"@id": "#elementor-toc",
"name": name,
"url": url
});
});
// Close any remaining open levels
while (stack.length > 1) {
let lastItem = stack.pop();
stack[stack.length – 1].html += lastItem.html + '
';
}
tocHTML = stack[0].html + ";
tocContainer.innerHTML = tocHTML;
// Finalize JSON-LD structure
jsonLD["@graph"].push(…tocEntries);
// Insert the JSON-LD into the head of the document
const script = document.createElement('script');
script.type = 'application/ld+json';
script.textContent = JSON.stringify(jsonLD, null, 2);
document.head.appendChild(script);
// Add event listeners for accordion functionality
tocContainer.addEventListener('click', function(e) {
if (e.target.classList.contains('expander')) {
const header = e.target.closest('.accordion-header');
const content = header.nextElementSibling;
if (content && content.classList.contains('accordion-content')) {
content.style.display = content.style.display === 'none' ? 'block' : 'none';
e.target.textContent = content.style.display === 'none' ? '+' : '-';
}
}
});
});
Say “goodbye” to heavy images that slow down your website. Image Optimizer by Elementor now supports AVIF, the cutting-edge image format that’s changing the game for web performance and visual quality.
Why AVIF?
AVIF (AV1 Image File Format) offers superior compression, reducing file sizes significantly while maintaining stunning image quality. This means faster load times and a better user experience for your site visitors.
How It Works
Image Optimizer by Elementor makes it simple to integrate AVIF into your workflow. Simply upload your images, and our tool will optimize them using the AVIF format, ensuring the best balance of quality and performance.
Benefits at a Glance
- Smaller File Sizes: Get faster load times and reduce server load to provide a smoother browsing experience for your users. AVIF’s advanced compression technology drastically reduces image file sizes, while saving bandwidth and speeding up your site.
- High Quality: You don’t have to sacrifice quality for performance with the impressive compression capabilities of AVIF which ensures that your images remain crisp and clear. Whether you’re showcasing detailed photographs or vibrant graphics, AVIF maintains the integrity of your visuals, providing an exceptional viewing experience.
- Modern Features: Create a visually engaging website that captivates your audience and engages for more conversions. AVIF supports a range of modern image features, including high dynamic range (HDR) for more vivid colors, transparency for versatile design options, and animation for dynamic content.
WebP and AVIF Support
In addition to AVIF, Image Optimizer by Elementor already supports WebP, another high-performance image format. It automatically converts your images to both WebP and AVIF formats, ensuring optimal compression and quality. By leveraging these modern formats, you can significantly enhance your website’s performance and visual appeal.
How It Works
In the WordPress dashboard, go to Media > Image Optimizer.
Choose between converting images to WebP, AVIF, or keeping the original format.
Get Started
Experience the future of web imagery today and give your website the performance boost it deserves. Update your Image Optimizer, upload some images, and start seeing the difference that AVIF makes in your website speed today.
