Would it slow down my page if I create a full design like the screenshot below in photoshop

Hi! Does it slow down my page if I create a full design like this in photoshop, instead of using the features in Replo? They are few containers on my landing page that I would prefer to fully custom and design in photoshop and I’m just wondering if this will impact the speed of the page.

Technically this might be okay for 1 or two images but there are a couple of issues:

  1. This does increase the size of the page and it’s load time (it might be negligible for 1 image, but def noticiable if you do this for much of the page’s sections)
  2. It makes it harder to design for mobile, since you can’t make the nutrition facts wrap to be on top of each other for small devices
  3. It’s less accessible - screen readers can’t read text in images (you can use alt text to help with this but it’s not optimal)