Optimize graphics storage for large projects

[deadlink]

Comparing packed image length (png vs zlib)

Also zlib can be used synchronously, unlike loading an image from a URL

JSON data of this example:

[{"p":[78,17],"s":[35,43],"d":"eNrt18EKwCAMA9D8/0+70w6CjHUkNcPkJDvIY9qqwJyxKTBxrDyr7x3jWP5vcdq7scQSS58FD+m04EU6LCikOuc9Zt01vngUDoZHsabKOo3F36La525vDIWZ0et2v7mYFtbZ6HTmV/uvonYZDmYfYaxR7qra/5vkbXN6HSVn1KKL4wLy4W2e","in":"SDQuestion_35x43","n":"SDQuestion_35x43","i":6,"t":"icon","o":false,"u":"0qh46zmh2ciolplv3yhv"},{"p":[49,2],"s":[25,27],"d":"eNrllckNACAMw7L/0uUJD0SFaPygHqBW1EuaRCHaEAbc9VdPNIXITvSPchCzTjmIu1DtcTtOtas8WYZXhxIqsugCZxZ3P4jZcuw7cU+689vPcf6DAXfDo80=","in":"Dehumidify_hvr_25x27","n":"Dehumidify_hvr_25x27","i":5,"t":"icon","o":false,"u":"uq3ha6pld3hlplv3ugl"},{"p":[27,1],"s":[18,21],"d":"eNpjYICA/1DAQCTApp5UM7Dp+48EyDUHGyCkhhgzBgOghhup5VdqmkOuH6kRp8SmDWqqwaaOnPRMyJyhmA4JhSGpYYFuFzFhT078kFs2kVPmkaofAHq/BDU=","in":"EviSmile1_18x21","n":"EviSmile1_18x21","i":4,"t":"icon","o":false,"u":"nltlxy796vlplv3pn2"},{"p":[10,0],"s":[13,13],"d":"eNpjYECA/3gAAxbwnwiASz0h8wjxyRXHJz/c9JAiTk78kJsOSE1vAKH94iw=","in":"Ok_btn_pressed_13x13","n":"Ok_btn_pressed_13x13","i":3,"t":"icon","o":false,"u":"52ere6fjdllplv3kra"},{"p":[5,0],"s":[3,5],"d":"eNr7////fwYo+A8FyGxkABOHqQcAhe4j3Q==","in":"ButtonRightSmall_3x5","n":"ButtonRightSmall_3x5","i":2,"t":"icon","o":false,"u":"5tob200a7qvlplv3dfq"},{"p":[0,0],"s":[3,5],"d":"eNpjYICA/0AAo9EBsjgDknoABm4j3Q==","in":"ButtonLeftSmall_3x5","n":"ButtonLeftSmall_3x5","i":1,"t":"icon","o":false,"u":"r9dxd230zjlplv3bk4"}]

[codesandbox[bot]]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders
Open Preview

[cloudflare-workers-and-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	5346264
Status:	✅  Deploy successful!
Preview URL:	https://9ba119bf.lopaka-dev.pages.dev
Branch Preview URL:	https://45-optimize-graphics-storage.lopaka-dev.pages.dev

View logs