Replace base64 CSS images with regular sprite PNGs/WEBPs? about pokedex.org

[samccone]

could do the ol spritesheet hack here :)

[nolanlawson]

Spritesheets caused crazy bad performance on mobile, presumably due to the fact that each of the visible Pokémon was holding onto the entire spritesheet. :/

I'm wondering if a better solution is:

• normal PNGs/WEBPs with url(/path/to/png)
• service worker downloads one big binary (multipart?) and then stores them in IndexedDB as blobs.

[samccone]

I was thinking a single spritesheet and then canvas elements to paint the single pokemon via a imagedata blob extracted from the master sheet :)

[nolanlawson]

Okay, that's actually really clever! :) I like it.

[samccone]

it might be way worse though :) hard to say without trying