Resource interpreted as image but transferred with MIME type text/html - Magento

Question

I\'m getting below error when uploading a new product image for my Magento shop.

Resource interpreted as image but transferred with MIME type text/html


        

Answer 1

If your image path and case-sensitive filename is set correctly, and if you can't modify your server's .htaccess file, encoding the SVG as a data URI is a front-end solution. css-tricks.com explains how: http://css-tricks.com/using-svg/

Answer 2

This happened with me when I was including SVG image via img tag. If you are including SVG image via tag you need to switch to Object tag instead: <object type="image/svg+xml" data="imageFile.svg"> Test SVG Logo </object>

Answer 3

I noticed this problem appearing in my JavaScript Console log. It was a simple case of a CSS file looking for a background image that didn't exist and the server sending a 404 error message in its place.