After changing image file extension it is no longer visible for selection within a fragment

Issue

• Our team recently noticed that they can't use PNG files anymore and can reproduce it by:

1. Upload PNG file to Documents and Media library (please note that after page refresh Liferay does not show an image preview)
2. Go to any Content Page and click Edit
3. Drag and drop and image Fragment and double click on it to select an image
4. Observe the previously uploaded PNG file is not visible on the list

Environment

• 2024.Q1

Resolution

• It is not visible mostly likely because the file extension was manually changed and this would also explain why the preview broke as well. 
• Now if your team often needs to manually change file extensions you likely need to implement a service like Imagemagick. 

Additional Information

• If you do not know the history of the file you can check with tools like https://www.site24x7.com/tools/mime-type-checker.html and https://www.htmlstrip.com/mime-file-type-checker
• https://help.liferay.com/hc/es/articles/360060589852-How-to-add-image-extension-webp-on-editor-when-creating-a-new-web-content-in-Documents-Media
• https://learn.liferay.com/w/dxp/content-authoring-and-management/documents-and-media/devops/configuring-documents-and-media-previews
• https://learn.liferay.com/w/dxp/system-administration/using-the-server-administration-panel/configuring-external-services
• https://learn.liferay.com/w/dxp/content-authoring-and-management/documents-and-media/publishing-and-sharing/using-adaptive-media/adaptive-media-configuration-reference