Optimize Images with Canvas

Ein interessanter Artikel im smashingmagazine beschäftigt sich mit der Möglichkeit einige Bildmanipulationen clientseitig auszuführen um Bildgrößen gering zu halten.

Da man über das Canvas Element auf jedes Pixel eines Bildes zugreifen kann lassen sich einige nette Sachen machen.

Sehr nett, allerdings sollte man sich die Warnung zu Herzen nehmen:

But use this technique wisely. Putting many unoptimized image generators on a single page could cause the browser to hang for a few seconds. You shouldn’t use this technique if you don’t really understand how it works or know what you’re doing. Always prioritize performance ahead of cool technology.

 

bvt