Почему изображение в кодировке base64 не отображается в Google Chrome и Firefox?

Question

[night_breeze]

У меня есть следующее изображение в кодировке b64, которое возвращается с сервера:

https://codepen.io/anon/pen/bPoEEB

Изображение правильно отображается в Safari, но не отображается в Chrome и Firefox. Также я пыталась отрисовать его в canvas, но проблема не решилась.

Эта проблема касается не только этого конкретного изображения, но и всех, что возвращаются с сервера.

В чем может быть проблема?

Comments

[Rustam Bainazarov]

Только в серверном алгоритме.

[sim3x]

Зачем возвращать изображение в base64?

Answer 1

[SagePtr]

Вангую, это из-за того, что там не JPEG внутри, а TIFF.
И HEX-редактор намекает на это (не вижу в упор там сигнатуры JPEG-файла), и XnView в свойствах выдаёт вот это:

Comments

[night_breeze]

https://codepen.io/anon/pen/ewGgzd

Вот изображение в формате jpeg, все равно не отображается

[SagePtr]

night_breeze, неправильно base64 вычислили, лишняя = в конце получилась