Need help for image sizes

Greetings,

Back in the days, Storyline 2 and 3 used Flash as a publishing option. I recall our graphic artists giving us images that were 4 times bigger than usual, for us to resize in Storyline, so that whenever the resulting SCORM file switched to Flash, it would be easier and cleaner when you resize your browser window, since each asset was added "individually". 

Then in 2020-2021, Flash was removed completely from Internet browsers, so every SCORM file that we used are now in HTML5... which bakes the assets as is and don't resize them separately.

As time went on, Storyline started to struggle with hi-res images more and more. As a reminder, if you import an asset that is bigger than your project, be image, video and such, the project itself will balloon in size and take more resources from your computer.

Fast forward to today where accessiblity must take in account slow Internet connections, low-end PCs that companies may not want to upgrade and mobile devices with limited bandwidth, getting hi-res images that are 4 times bigger is getting pretty taxing for everyone, even with Storyline 360's latest update on a workspace that uses Windows 11.

Let's say one artist work with Adobe Illustrator, for a project that uses a slide size of 1024 x 640, what would be the ideal settings to 1) work on their Illustrator file, 2) export those assets without increasing the image's size and 3) keep a resolution of 300 dpi (or equivalent for Illustrator) ?

Thanks in advance for your time, and have a nice day ^_^