Earlier quoted context omitted.
How is that image 670 KB!? Definitely some optimization low-hanging fruit there. Edit: dang, even pngcrush can't get it below 580 KB. Disappointing performance on PNG's part.
Because inexplicably, there's random pixel-level noise baked into the blue area. You can't see it unless you crank up contrast, but it makes the bitmap hard to compress losslessly. If you remove it using threshold blur, it doesn't change the appearance at all, but the size is down to 100 kB. Scale it down to a more reasonable size and you're down to 50 kB. Modern web development never ceases to amaze me.
This should be an SVG (a few kb after proper compression) or if properly made as a PNG it'd probably be in 20-ish kb.