Images Part 2: Working with high resolution images
Just in case you want to skip ahead to a specific topic in this post use the links below.
- Introduction
- Understanding high resolution images
- Resizing images for your website
- Other image editing tools
UPDATE: 2 new blog posts have been added as of March 2018. In these posts you will learn how to find out a specific size of an image on your site and how to create an image with those specific dimensions (i.e. blog post feature images).
Introduction
For those of you who know me, you know that I will always remind people that high resolution images should never be used on a website. A high quality image needs to be resized and saved for web quality in order to ensure your website page loads quickly and that you’re not wasting server space.
Understanding high resolution images
Please watch the video below to understand the difference between high resolution images and web ready images.
Resizing images for your website
So how do you resize an image without any graphics programs (i.e. Adobe Photoshop)?
I have included a video below on how to resize images through a free online tool called picresize.com. This will give you the quick and dirty on how to resize an image. This tool has some basic image editing capabilities such as resize, crop and rotate.
Other image editing tools
I have been told about other image resizing and altering tools like PicMonkey and Canva. I know a few people who use Canva and love it. In the past I have used PicMonkey and it has some great features including templates for social media covers and an easy way to create photo collages.
In either case, I have seen what kind of images people have created with these tools and they can look really good. So give them a try!