How to Improve Your Image

It really is the presentation of the article which makes the difference and gives a fresh look at it by the number of articles published every day and it improves the site for your visitors as nobody likes to read through large pieces of text. Images make your site more alive comparatively. Images can set your site apart from your competitors’, if you use better images to make things clearer. Images also slow down your page loading process if they are used the wrong way.

The big problem with most bloggers is that they do not use good quality images for their articles.

In this article will explore just a few of many pointers on how to improve your  imagesThe following are the ways in which you can improve:

Modifying images to the right size
Naming your images the right way
Using size parameters
Using caption, alt, and titles

Resizing your images
Many people, including me (when I started), make the mistake of uploading a large image and reducing it on the page. For instance, uploading an image that is 2500 pixels wide and then reducing it using the HTML code width=”125px”. It looks nice on the page but, although it may seem fine, it is not. The browser still needs to load the file and then resize it to the parameters you set. Therefore, make sure you reduce the file to the size you are going to use on the page.

If you want to use the image in different sizes on a single page or on different pages, don’t cut corners, create the right sized files and name them so that you can tell them apart. A file named example-image ‘250.jpg is then likely to be 250 pixels wide.

I know that there are many people who have a hard time when it comes to reducing the size of an image. In several graphical programs, I have seen that the end result of such an action can be terrible. Some details are blurred and there is no way you will want it on your web site.

Naming your files with keywords in mind
One thing I do with images for a web site is look at the text and subject of the article. I then choose an image that fits with the content, resize it, and save the file with a different name. The previous image is called Bl234xxx. jpg. If you are doing an article on make money at home, you could save it with the name make-money-at-home.jpg. If you write about e-commerce related article, call it example e-commerce.jpg.

Do you get the global idea behind this exercise? It is all about getting an extra keyword into the source code of the page. If you have your image’s path open to search engines, you are more likely to get traffic for those keywords from image searchers as well. If you use the Joomlatwork patch, this is already done in the robots.txt file, that is replaced by the patch. If you want to open the path yourself remove the line:


Using the on page size parameters
If you are placing the file on your web page, make sure you also incorporate the file size, that is, the real size and not an extra size reduction like you did before. For the following picture it is set to 468 x 180 pixels. The advantage of this setting is that these values are also in the source code that the browser gets.

Having the size means that the browser can reserve that space for the image and go ahead with showing the text as it waits for the image to arrive. If you don’t set those sizes, you have to wait until the image is downloaded before the browser will get on with the rest of the document.

People can start reading the content immediately instead of waiting for the image to display before they can read the rest of the article.

Leave us a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.