glitch visuals & page load

[ms-studio]

Regarding the implementation as a website, I notice that the glitch graphics chosen as background images are very heavy in terms of file size. The original PNGs come with filesizes of several megabytes (2.6 to 6.6 Mo), which is much above accepted page sizes for a website. Even compressing it down as JPG with reduced quality, we remain at ca 600kb.

My proposal: let's attempt to achieve similarly interesting glitches using CSS properties, and very lightweight images. I'm thinking of:

• CSS gradients: http://www.colorzilla.com/gradient-editor/
• stacked CSS backgrounds (using glitched SVG files): https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds
• CSS filters: https://developer.mozilla.org/en/docs/Web/CSS/filter ... but use with caution, those can be heavy to render for slower devices...