Add WEBP + AVIF Support by default

[in-session]

Webp should already be set up by default

Steps to reproduce:

1. Add webp, avif, etc files to lib/web/images directory.
2. Modify app/code/Magento/Backend/view/adminhtml/layout/admin_login.xml file to use webp, avif, etc file as Magento 2 logo (edit "logo" block "logo_image_src" argument value).
3. Flush cache.
4. Check webp, avif, etc file is used as Magento 2 logo on the admin login page.

Resolved issues:

1. resolves [Issue] Add WEBP + AVIF Support by default #32495: Add WEBP + AVIF Support by default

[m2-assistant]

Hi @in-session. Thank you for your contribution
Here are some useful tips how you can test your changes using Magento test environment.
Add the comment under your pull request to deploy test or vanilla Magento instance:

• @magento give me test instance - deploy test instance based on PR changes
• @magento give me 2.4-develop instance - deploy vanilla Magento instance

❗ Automated tests can be triggered manually with an appropriate comment:

• @magento run all tests - run or re-run all required tests against the PR changes
• @magento run <test-build(s)> - run or re-run specific test build(s)
  For example: @magento run Unit Tests

<test-build(s)> is a comma-separated list of build names. Allowed build names are:

1. Database Compare
2. Functional Tests CE
3. Functional Tests EE,
4. Functional Tests B2B
5. Integration Tests
6. Magento Health Index
7. Sample Data Tests CE
8. Sample Data Tests EE
9. Sample Data Tests B2B
10. Static Tests
11. Unit Tests
12. WebAPI Tests
13. Semantic Version Checker

You can find more information about the builds here

ℹ️ Please run only needed test builds instead of all when developing. Please run all test builds before sending your PR for review.

For more details, please, review the Magento Contributor Guide documentation.

⚠️ According to the Magento Contribution requirements, all Pull Requests must go through the Community Contributions Triage process. Community Contributions Triage is a public meeting.

🕙 You can find the schedule on the Magento Community Calendar page.

📞 The triage of Pull Requests happens in the queue order. If you want to speed up the delivery of your contribution, please join the Community Contributions Triage session to discuss the appropriate ticket.

🎥 You can find the recording of the previous Community Contributions Triage on the Magento Youtube Channel

✏️ Feel free to post questions/proposals/feedback related to the Community Contributions Triage process to the corresponding Slack Channel

[ihor-sviziev]

Hi @in-session,
Could you sign Adobe CLA and update the nginx config sample as well?
https://github.com/magento/magento2/blob/2.4-develop/nginx.conf.sample

[hostep]

Maybe add the new avif image format as well? It's not supported by many browsers yet, but will be in the future ...

Some extension developers are already starting to implement it:

• https://www.yireo.com/blog/2020-12-29-magento2-webp-becomes-next-gen
• https://www.jajuma.de/en/jajuma-develop/extensions/ultimate-image-optimizer-extension-for-magento-2
• ...

[ihor-sviziev]

Yeah, make sense for sure

…

On Tue, 9 Mar 2021 at 13:30, Pieter Hoste ***@***.***> wrote: Maybe add the new avif image format as well? It's not supported by many browsers yet <https://caniuse.com/avif>, but will be in the future ... Some extension developers are already starting to implement it: - https://www.yireo.com/blog/2020-12-29-magento2-webp-becomes-next-gen - https://www.jajuma.de/en/jajuma-develop/extensions/ultimate-image-optimizer-extension-for-magento-2 - ... — You are receiving this because you were assigned. Reply to this email directly, view it on GitHub <#32400 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAOJOUPSC3FMNIV6FVXL67DTCYBETANCNFSM4Y3JOOMA> .

[ihor-sviziev]

@magento run all tests

[hostep]

Maybe also avif sequences? h5bp/server-configs-apache#251

https://github.com/h5bp/server-configs-apache/ is my go to project for verifying apache config settings, maybe double check webp as well? (sorry lack of time here for proper review)

[in-session]

Ok let me check i will add also some other like opentype fonts

[in-session]

Maybe also avif sequences? h5bp/server-configs-apache#251

https://github.com/h5bp/server-configs-apache/ is my go to project for verifying apache config settings, maybe double check webp as well? (sorry lack of time here for proper review)

Have you some information about nginx?
location ~* \.(ico|jpg|jpeg|png|gif|svg|webp|avif|avifs

or

location ~* \.(ico|jpg|jpeg|png|gif|svg|webp|avif|avifs?

[ihor-sviziev]

@in-session I believe it's better to use location ~* \.(ico|jpg|jpeg|png|gif|svg|webp|avif|avifs as it will be just simpler to read

[engcom-Foxtrot]

QA passed

[engcom-Oscar]

@magento create issue

[engcom-Foxtrot]

@magento run all tests

[m2-assistant]

Hi @in-session, thank you for your contribution!
Please, complete Contribution Survey, it will take less than a minute.
Your feedback will help us to improve contribution process.