To keep your site running super fast, ensure your image file sizes are small! That when it doesn't take a million years to load the images on your pages - decreasing the bounce rate substantially. (No one likes to wait around these days!!!)
I recommend using the Page Ruler Chrome Add-On on chrome to measure the image directly on your desktop screen.
Now you need to resize your image! You can do this via your native photo editor to use something like I Love Img. But my absolute favorite way is to create a Canva template with those dimensions and simply add the image directly to the template – bam – auto resize – plus, there’s a compression option and you can switch it from a PNG to Jpeg easily.
I always recommend using a Jpeg if you can, but if you are forced to use a PNG due to needing a transparent background, then make sure you compress the PNG! I like to aim for a file size no larger than 150kb.
(Jpegs are smaller files than PNGs)
Finally, the image is ready to upload to your website!!! You did it! You just need to upload it and add the alt-text to the new image.
To comply with US Website Accessibility laws, you must describe the image within the alt text, so those who are visually impaired can understand the purpose of the image.
Pinpoint your brand vision with my style quiz. You’ll get a free downloadable brand board and even generate a homepage with your personal brand style!