[Guide for Beginners to Earning Money Online – Part 5]
The imagery on your website is one of the key factors in attracting attention and retaining your visitors’ interest in your content. Creating an amazing visual presentation of your blog posts may be costly. In this post, I’m going to show you how you can do it yourself using free or low-cost resources, including free image editors, free web image optimization tools, and free stock images for websites.
I’m also going to tell you about a single platform that is free and offers everything you need to quickly create a beautiful and efficient design for your posts without leaping from one site to another.
If you don’t have a website yet,
follow this link to find out how to create it for free within seconds.
The Philosophy Of Free Website Images
Your beautiful content looks even prettier with the accompanying pictures. Believe it or not, pictures serve not only as decoration. They make it easier to read your content. That is if you use them in the right way. Otherwise, they can make reading more difficult and even drive your visitors away. You don’t want that to happen! Please continue reading to find out what the “right way” of using the images is.
For every 1,000 words of your content, you would use on average somewhere between 1 and 3 images. Even low-cost royalty-free stock images may empty your pocket if you post several times per week and have to buy all the pictures.
There are also some free royalty-free images.
Let me explain the two “free” words in this statement…
Royalty-free images are those with the open license which allows everyone to use the image under a predetermined set of rights. Most commonly, photographers and designers release their images and copyright to a stock company – so that everyone could easily find and use such images in multiple ways for a flat one-time fee. The authors receive part of your pay and the company takes the rest. However, some companies offer a large collection of royalty-free images free of charge.
Images licensed under CC0 – Creative Commons Public Domain are free of copyrights:
“You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.”
When I say “free stock images for websites”, I mean that you can use them on your websites whether your site is commercial or not.
There are advantages and disadvantages of using free stock images for websites.
- They are FREE!
- The images are of high quality and often available in multiple sizes.
- Lots of websites will have the same pictures as yours.
- Stock images (free or not) are not specific to your content, even when relevant.
- Chances are that you won’t be able to find an image closely relevant to your content.
- You’ll need to read and understand the license. While a picture is free for you to use, there can be different limitations and requirements (such as to credit the author)
- Many websites advertising themselves as “free stock images” for websites, would offer a large collection of royalty-free images for a fee and only a small subset for free. You’d have to search many sites like that before you actually find an image that is relevant to your search and yet is free of charge.
Considering the “Cons” section (besides the first point which is unavoidable), I’m going to offer you only a few resources I ended up using after spending lots of time jumping from one site to another just to find nothing that matches my interests.
4 Simple Tips To Get Ahead Your Competition Using Free Stock Images For Websites.
- Don’t overuse free stock images for websites, mix them with some purchased pictures and other types of imagery discussed later in this post.
- Use only pictures that are highly relevant to your content.
- Choose images emotionally corresponding to your text.
Images often speak more than words. If you are applying to your readers’ feelings in your text, the accompanying picture can either empower the effect multiple times or create wrong emotions and completely ruin the mood of your story.
Mark, a graphic designer and one of the experts in the Wealthy Affiliate community, recently published a post in which he shared his moods and feelings in certain circumstances through Photoshopped images. It’s a fun post that very well illustrates the point I am trying to articulate here. Check it out: “Multiple personality”
- Technicalities: use stock images to visually break down large chunks of text.
- Make images relatively small size.
Why? Because even the most relevant stock images are rarely used to explain and visually show the details of your content. In other words, they are more decorative than explanatory. Therefore, they don’t require a large detailed view, and can easily serve the need in a small size. Big images usually require bigger file sizes, which slows down the load speed of your page. That is not good for SEO (Search Engine Optimization).
If you optimize your image to the small file size and then stretch it to a big view, it will significantly lose quality. If you place an image in the center of the page and make it occupy the entire width of the page, the quality may still seem okay to you on an average-size computer screen. However, it may look awful on big computer monitors.
Besides, people come to your website for the content in the first place. Large images take them away from reading and make them scroll too much to reach the next paragraph. They won’t like all this extra scrolling.
- Align pictures to the right more often, but sometimes to the left to make the design of your page look pretty. That is if you are writing in languages that are read from left to right.
Do the opposite if your site is written in languages that run from right to left. The verbal content should still maintain the main focus of your readers.
Make sure that the direction of the image itself is visually leading towards your content and not away from it. For example, if there are people in the image looking to the right, it’s better to align such an image to the left of your text, and vice versa. It’s easier to see the direction of the picture when people or animals are present. Therefore, I used an image with barley to illustrate that its composition also defines a direction.
Where Can I Get Free Stock Images For Websites From?
I’m glad you asked! 😊
I have exciting news for you: as of February 25, 2020, Smithsonian opened up free access to 2.8 million of 2D and 3D digital images from their collection. You can now download, remix, reuse and share Smithsonian Open Access content for any purpose!!!
Other largest collections of free stock images under CC0 license are offered by:
Websites offering royalty-free images for free usually advertise other stock image websites, which are commercial and their images are for sale. So, please be sure that you are aware of where and what type of image you are choosing.
If you found a picture that is a perfect match for your story, but it requires a fee to pay – purchase it!
Never download the images that require payments without purchasing them. Yes, there is a way to save a picture to your computer skipping the check out process, but this would be considered as stealing intellectual property. Besides, these images will have watermarks that make it obvious to others that the picture was stolen.
Make sure that you read and understood the license before buying an image. Once you purchased a license, your downloaded copy will be free of watermarks.
Most often, I don’t even search the sites I’ve listed above separately. I use the Wealthy Affiliate SiteContent platform to get access to 1,000,000+ free royalty-free images and many other very useful features specifically designed for bloggers.
In the last section of this post, I’ll go into more detail on what you can get for free from the Wealthy Affiliate in regard to free image selection and image optimization.
Other Sources Of Free Images To Use On Websites.
As I explained above, stock images, especially the free ones will be used on many other websites and they can’t be distinct to your content. Their purpose is to enhance your verbal images, magnify readers’ feelings, create a certain atmosphere, rather than explain the details and give precise illustrations of your content.
Then, what do you do if you’re giving some instructions in your article and want to illustrate them?
- Take screenshots.
Screenshots are your own images; you are the copyright owner. They are good quality and very easy to deal with. I do a lot of training on my blog, and screenshots are my best helpers. I use Snagit software that allows me to edit the screenshots I take, such as add pointers, highlight something, combine and crop images, etc. Sangit is inexpensive, but not free.
However, simple screen capture software comes with any computer and mobile device, and if you need to edit your screenshot, you can use free tools, such as Canva.com or Pixlr.com
- Take your own photos
We all have smartphones nowadays. There is no excuse not to use your own photos on your website. If you are writing a review of a place you’ve visited or a product you’ve used – take your own pictures. The quality of the images on your website must be good, but it doesn’t mean that you need a professional camera. All web images are of low resolution. In fact, when I take high-resolution photos with my Canon camera, I then need to optimize each image for the web to reduce its resolution and file size.
High-quality images for the web means that
- They’ve been taken in good lighting
- They are in focus and not blurry
Images that are custom taken in order to provide further detail and explanation to your content, may often require a larger size and central alignment. In such a case, you’d need to compromise between the file size and the dimensions of the image and find the optimal correlation.
On some occasions, you may want to place an image on the page in a smaller size and link it to its larger media file, which will open in a separate page. Then, prompt the visitors to click on the image to enlarge it.
Affiliate Products Images – Play By The Rules!
When you join affiliate programs, you need images of the products that you promote. Where can you get them from?
Carefully read the Affiliate Agreement. Most manufacturers have images available to you as an affiliate.
Retailers like Amazon.com do not allow downloads of images from their online store to use on your website. This is because these photos are copyrighted to the individual sellers.
In such cases, you’d be able to embed images using the code provided by the program. Oftentimes, the embed code is not very flexible and does not match the size and feel that best fits your page’s design. You’d have to live with it and arrange other elements on your page to make the page look more or less pretty. Do not use 3rd-party images found elsewhere online.
Play by the rules!
If you purchased and used the product you are promoting, by all means, take good-quality pictures of it and use them on your site as you wish with your affiliate links.
Tune Free Website Images for SEO
Everything discussed above is directly or indirectly affecting your ranking in search engines.
In addition, there are 2 major steps you should take when tuning your website imagery for Search Engine Optimization:
- Optimize file size for every image.
Page load speed is a crucial factor for Search Engine Optimization (SEO). Oftentimes, the reason for a slow loading website is the imagery used without optimization.
If there is no specific need for .png or other file types, use JPG/JPEG image format. Keep the file size of an image you upload to your website under 50KB.
My recommendations for image dimensions:
Image resolution: 72 ppi (pixels per inch)
Width: try to stay under 600 pixels but don’t go over 1024 pixels
Height: under 600 pixels
You can reduce your image dimensions and file size using free image editor Pixlr.com
There are also image optimization plugins for WordPress that can be used to automatically optimize images on your website. These plugins don’t change the type or dimensions of your image. They use a special algorithm to compress the data and thus reduce the file size. Some of them are free: Optimole or free version of the EWWW Image Optimizer. The best ones, such as Kraken Image Optimizer, are available for a fee.
If you are a member of Wealthy Affiliate and hosting your website there, Kraken Image Optimizer plugin is installed for you at no cost. The linked article about the plugin is written by Wealthy Affiliate co-founder, Carson Lim.
- Set the Alt Text (Alternative Text) property for every image.
Enter a text that shorty describes the image. Providing Alt Text is a requirement by Accessibility laws to improve the online experience for people with disabilities. This property is used by the screen readers that blind and visually impaired people use when working on a computer. Filling in this field is an essential role-player in SEO.
This text will also be displayed in place of an image if for some reason the image itself can’t be loaded.
Do not confuse Alt Text and Title Attribute! It’s Alt Text that describes the image and is used by the screen readers.
Title Attribute is generally unnecessary. Its purpose is to describe the role of the image on the page. If you do set a Title Attribute, the tooltip with the text you entered will be displayed when a user brings a mouse over the image.
Another point of confusion is Title property versus Title Attribute tag. The Title is being used by WordPress internally for storage and navigation purposes. By default, it is set to the image file name. You don’t need to worry much about either Title or Title Attribute.
Fast-Track Your Designs On Wealthy Affiliate SiteContent Platform. It’s Free!
There are many things to consider when creating a visual presentation of your blog post. As I showed you throughout this article, there are numerous free resources that you can utilize. However, looking for free images relevant to your post on several websites, editing chosen pictures, changing the file type to JPG if the original image came in a different file format, optimizing your pictures for the web – all in different places – may take a lot of your time.
Wealthy Affiliate offers everything you need in one place – The SiteContent platform. In Winning Tactics In Writing for a Blog article, I explained the knowledge base, advanced tools, and other resources that this writing environment offers for content creation. It also offers you access to over a million free stock images for websites. With the use of technology, Wealthy Affiliate opened up a gate to several free collections I listed above – now you can access them all from one page.
You can search for the image using a keyword, select the most relevant and appealing one, crop it right there in a rectangular or circular shape. At the time you insert the image you selected in your document, it’s size is automatically adjusted for the web. When you publish your document from the SiteContent to your WordPress website, the images are compressed by Kraken Image Optimizer, which Wealthy Affiliate purchased and pre-installed on all members’ websites.
SiteContent platform at Wealthy Affiliate is offered to all Starter (Free) and Premium members.
As you can see, by joining Wealthy Affiliate for free (if you haven’t done so yet), you’ll get:
- The most convenient writing environment equipped with templates, duplicate content and advanced grammar checkers, autosave of your work every minute feature, version tracking, ability to publish directly to your website, and more.
- Access to more than 1,000,000 CC0-licensed free stock images for websites.
- Image adjustment tool
- Kraken Image Optimization, free of charge to you.
- A wealth of knowledge and intensive support from the owners and community experts.
What are you waiting for? Sign up now!
When you sign up using the button above, I’ll welcome you inside of Wealthy Affiliate. Make sure that you remind me that I promised you a SECRET BONUS. I’ll give you a hint: some very cool animated imagery features to use on your website and make it even more impressive without slowing down its loading speed.
You don’t need to be a professional designer to make your website look professional and stunning. There are plenty of free resources to help you make your blog posts look captivating.
I found some very interesting statistics on websites and blogs in particular: there are around 1.7 billion websites in the world today and over 600 million of them are blogs. Over 2 billion blog posts are being published each year worldwide.
“54% of bloggers include more than one image in their average article, 49% include a list, and 19% include video. (2018, Orbit Media)”
To make your blog visible in such a huge web production, you need education and the ability to apply your comprehensive knowledge to all aspects of your work. Many bloggers are aware of the importance of keyword-targeted quality content but are less attentive to the quality of illustration.
You made your first step in the right direction – you found my post, which means that you understand the important role of multimedia on your site. Most bloggers use free stock images for websites, but you want to use them in the most effective way.
Finding, customizing, and assembling beautiful and relevant imagery requires a lot of time, and even more so if you need to go from one site to another, and another, and yet another one to find and put the pieces together.
I encourage you to take the next step toward your success by joining Wealthy Affiliate (WA) for free. WA is a platform that educates members on all points of successful online business, including SEO and the role of multimedia as part of it. WA also equips its members with all the necessary tools and resources required for running a successful online business and saves them a lot of time and money. In this article, I referenced a couple of posts published by the WA co-founders and community experts in the internal WA blog. Tens of such posts and training modules are created daily by the community members – we are being updated in real-time on all the news in the industry, and learn from each other’s best practices and mistakes.
Take the next step to success in your online business today!
… and don’t forget to ask me about the BONUS that I promised you.
In the Comments area below this post, please ask any questions you may have, leave your feedback and tell me what other subjects related to improving your online experience and ranking of your blog posts you are interested in. Thank you!