Hello Indie Hackers!
Not being a professional designer (but a bootstrap indie maker) I've been having a hard time understanding how to optimize image quality on my website.
The typical use case is that I want to showcase features and screens of my app while adding other visual elements such as stock users' pictures (see attached image). I used to do that with SVGs and showcasing high fidelity mockups. But if I add stock pictures, I can't export in SVG anymore.
I know that when I export the images out of my design tool, they should be the same size as the screen I'm aiming them at (around 600px for a cover image). Is there any best practice that I'm missing? Any resource to help me nail that would be really appreciated as well!
For info, I use Wordpress and Divi theme on my website.
Peace ✌️