I am developing a chrome extension, where I take numerous screen shots of my current chrome tab from my extension using chrome.tabs.captureVisibleTab. From this I get the image Data URL's , which has to be sent to the server. Each image data url's captures a size of 64kb. On an average I'll send 100 images which equals nearly 6 MB on each push. This seems to be costly, so I tried a compression technique LZMA-JS. But this doesn't compress my base64 encoded image dataUrl to my expected size.
My question here is,
- Whether the conversion of this dataUrl will help me?
- Or should I try some other compression technique? If yes, Suggest me.
- Or Should I convert these image data Url to canvas and sent to the server? Will this reduce the data size to be tranferred?