When saving an image for the web, it is important to save it correctly in Photoshop.
To export your image, click the file and choose export and export as. Don't choose to save or save for the web.
Get the latest version of Adobe Photoshop: (affiliate link)
bit.ly/officialphotoshopcreat...
In the export settings, you'll have a lot of options for correctly compressing your image for the web. You can start by choosing a file type and Jpeg is the best file type and compression for any website or social media.
If you need transparency for savings logos, for example, choose PNG.
Next, reduce the file size by adjusting the width and height of your image. 1200 pixels for the height should look good on any website. Press the tab and the width will adjust automatically.
You can also reduce the quality of the Jpeg if you need to further reduce the size of the file. You can always see the current size based on your settings on the left side.
In the middle, you can view your image side by side comparing the original and compressed image for the web.
Want the ultimate course for learning Photoshop? I’ve put together a 10-section, nearly 100 video course teaching you everything you ever wanted to learn about Photoshop.
bit.ly/photoshopcourse-creati...