How can I use Adobe tools to create engaging visuals for my website without slowing it down?

I run an affiliate website that relies heavily on visually engaging content to attract clicks and conversions. I use Adobe Photoshop and Illustrator to design custom images, comparison charts, and promotional graphics. However, I'm concerned about these visuals affecting page load times, especially for mobile users.

Here’s what I’m looking to solve:

• Optimization: What are the best Adobe settings or export options to create high-quality images that don’t compromise page speed? Should I be using specific formats, like SVG or WebP, or compressing images directly in Adobe?
• Automation: Is there a way to set up automated workflows in Adobe that could bulk-optimize and export images at the ideal resolution for web use?
• Integrating with Adobe XD: Since I also want to maintain a consistent layout and branding across my site, would Adobe XD be helpful for creating a cohesive design and previewing how visuals impact the user experience?

Any advice on using Adobe to balance visual appeal with performance on an affiliate site would be really helpful! I’d appreciate any tips on maintaining quality while keeping my site as fast as possible.