Image 1
Original Image Details:
- Width: 2237px
- Height: 1612px
- Size: 4.94MB
To optimize this image for the website I used Adobe Photoshop, start by opening the image in the software. then resize the image to the desired dimensions using the "Image Size" option under the "Image" menu. I resized it to 1000px by 721px It's essential to ensure the image is appropriately sized for web viewing, typically no larger than necessary to maintain quality. Next, I used the "Save for Web" feature, found under the "File" menu, to adjust the image's file format and compression settings. I chose a web-friendly format like JPEG or PNG. I Adjusted the compression level to balance file size and image quality, then I hit save.
Image 2
Optimized Image Details:
- Width: 1000px
- Height: 721px
- Size:
With the first image load time was between 0-5.35s but with the optomized image it was 535ms-4.06s