We spent a month asking a simple question from thousands of people in Vancouver: “What images catch your eyes when visiting a website?!” … and it was a drag! After hours and hours of data analysis we finally got the answer: “Not even users know what they like!”
How is that helpful?! What we figured out was too precious not to share with small businesses like ourselves, so here it goes.
“Images matter only if they load fast and are 100% relevant to the theme of your written content!”
It simply does not matter of what quality your pictures are, as long as they talk to the users and guide them in the correct direction.
There are hundreds of websites that offer Royalty Free images that can do much more than the paid content you might find in Photo Stocks. Here are 5 websites we think any business owner needs to visit before they reach out for their Credit Cards:
- Pixabay: https://pixabay.com/
- Pexels: https://www.pexels.com/
- Unsplash: https://unsplash.com/
- Freepik: https://www.freepik.com/free-photos-vectors/royalty-free
- Free Images: https://www.freeimages.com/
Ok! Now that we got the basics out of the way, let’s get started. Vancouver Web Designers and Online Media Creators are some of the best around the world, and that is because they understand the value of diversity in Graphic content and the role it can play in the success of a Website or any online platform for that matter. What most fail to implement correctly, is the adjustment stage of all these images that allows them to shine where they should and play the part that they are meant to. So here is our Top 3 Recommendations for great Image content on your website:
1. Resize Your Image Files
4K, UHD, 3D … Ok! We all love these abbreviations, but what most don’t know is that these gorgeous promises of quality can do more damage than good as they are guaranteed to slow your Website down to its death. Large images are the main reason many websites are too slow and take too long to load. The standard resolutions such as 1920 x 1080 are cause for large file sizes, averaging at around 2MB. Now count to see how many images you are using per page! Getting the picture?!!! We recommend using Adobe Photoshop or any other graphic editing software to resize your image to 1024 x 768 as they still fir most screens comfortably but account for much smaller files. Plus, try to save the resulting image in PNG format rather than JPG since a different compression ratio ends in smaller file sizes.
2. Create different crops for Mobile and Desktop views
A deadly mistake many web designers make is to choose one image for the desktop view and another for the Mobile. This leaves your users with multiple question marks about the credibility of your website and even possibly your business as a whole. It is highly recommended to crop the same image visible on the desktop Website to suit other devices. It should be noted that the best crop size to complement your website on responsive mode (for smartphones) is 640 x 320.
3. Avoid Smartphone Photos
Yes! We all have those days when the scenery is a frame we’ve been looking for, and thanks to smartphone technology we always have a camera at our disposal. While it is a great idea to pull the phone out of the pocket to capture the moment, it is not the wisest decision to upload it right to your blog, no matter how much urge you feel to do so. Instead, you can use a bunch of free apps on your device to adjust the taken photo and optimize it for use on your website. Here are a few FREE apps for both Android and iOS you can use to prepare the images:
Adobe Lightroom / Canva / The image coverter & Resize image / Photo Editor / and many more