When I try to add to PNG file (image) in Asset, this is the message is get “Upload failed. Corrupt PNG file provided.”
How to solve this?
Here is my public share link: LINK
(how to access public share link)
Usually find if you open it in an image editor (photoshop etc) and save it again under a different name or file extension, it solves that problem
Had the same issue. Fixed it by changing the png extension from .png to .webp.
Explanation:
If the MIME type (e.g. image/webp, image/png) of the image file does not correspond to the file extension (e.g. webp, png) and the interpreting medium (in this case Webflow) strictly enforces that the MIME type is equal to the file extension, the file will be treated as corrupt - which is technically correct. The reason other image viewers and editors display images with MIME type image/webp that were stored as .png just fine, is because the mechanism which validates the integrity of the image is more gracious in that it inspects the header (the first bytes of the image file) instead of or prior to checking the file extension. This check is more convenient for users because it does not necessarily require that the MIME type and extension match, but requires more effort or the use of 3rd party libraries to implement. Photoshop or Mac OSX image viewer for example and many others are known for this - Webflow, however, is not.
You can check the image MIME type with online tools.
WEBP should be preferred over PNG anyway with regards to compression etc. Its newer but browser compatibility is sufficient IMO.
1 Like