Why is this important?
Web and photography share a relationship when it comes to marketing. Today, most photographers have a website where they feature their works and have information about themselves. Having an online portfolio is easy to do with various drag and drop website builders such as Wix or Squarespace. Optimizing file sizes and knowing how to prepare your high-quality photos is essential to saving bandwidth and a fast website. Below are the steps that I use to ensure that my photos are ready to be placed on my website.
Step One: Resizing Photos
This is a common technique I use to lower file sizes by a significant amount. Let’s be realistic here, no one needs the original 6000 x 4000 23 megabyte file on their site. That would severely choke the speed and performance of your site. Most users will leave your site if it takes a long time for things to load. You can resize a photo using Adobe Photoshop CC. Resizing the photo to a width of 1920 usually results in a good resolution and file size that is malleable. If you need a smaller photo, simply use constraints and input the new number.
Step Two: Running a Compressor
The second step that I take is using a online tool called Compressor.io, it takes any image you input and reduces the file size without a loss in quality.
Optional: Testing Your Site
Another handy tool to use is GTmetrix, it runs tests on users websites and provides examples on the improvements that are available. When running the tool, your page is scanned by two different grading systems (PageSpeed and YSlow) and you are given a grade based on the checks that it performs. Once the process is complete, your scores are visible along with suggestions on how to improve that score based on the category. One of the sections shows your images and the approximate size that the images can be reduced to for optimal speed.