AVIF Support: settings page

[remyperona]

Scope a solution ✅

In views/part-settings-web.php

• Update the title to Next-gen image format
• Update the WebP checkbox to Avif checkbox, with new option name, label, described
• Add the description for the option using the "imagify-info" class
• Add a separator between this option and the other part
• Update the label for the display option

In views/part-settings-webp-missing-message.php

• Update the label replacing WebP by Next-Gen

Estimate the effort ✅

Effort [XS]

[Miraeld]

@Tabrisrp , Umm, when you say

Update the WebP checkbox to Avif checkbox, with new option name, label, described

Do you mean replacing WebP by AVIF or adding a checkbox for AVIF which would result in 2 times approximately the same form elements but with different name (WebP & AVIF)

[MathieuLamiot]

@Miraeld I think it is replacing and not adding a similar form. You can refer to the EPIC card with the product team's specifications: https://www.notion.so/wpmedia/AVIF-Imagify-Plugin-4a870cab6e0d4232a85962f0b4c1c63a?pvs=4#24bc7a3f47764c878aed0e64559f1752
The behavior will change a bit: if AVIF is checked, we generate AVIF. If it is not checked, we generate WebP.

(@piotrbak and @Tabrisrp for confirmation)

[MathieuLamiot]

Could be a nice first issue to keep for Opeyemi

[remyperona]

Indeed we are replacing the existing WebP option with a new one for AVIF

[Mai-Saad]

@Tabrisrp Shall this ticket includes updating the button name from Generate Missing WEBP Versions to Generate Missing Next-Gen Images Versions or it's the scope of another ticket?
Currently, it is still WEBP:

Another thing, if we check the AVIF options and saved, it will be automatically unchecked. Is this out of scope here?