One of the first, things I see when asked to fix a computer for someone is their wallpaper. More often than not they have an image that is either too small, stretched to fill the screen with terrible quality, at times so bad that the subject of the image is barely discernible. Other times it’s tiles, or worst of all simply stretched, destroying the aspect ratio.
The aim of this article is to explain some very simple concepts to get a perfect quality wallpaper for your desktop every time. At the end I have attached a sample image, the wallpaper I use for my desktop in 1920×1080 resolution along with a template file for use with the GNU Image Manipulation Program (G.I.M.P). This can of course be applied to Photoshop or similar, but the aim of this blog is to provide solution using only free software.
So, before we begin there are a few important concepts that I need to discuss. Some slightly technical, some not so technical, but I’ll try to keep it to a minimum or I’ll get bored and never finish the article.
NOTE: If you don’t want to read the entire article, simply skip to STEP1 below.
First off, we need an understanding of how a computer monitor works. Most monitors these days are flat-screen TFT or LCD type. What they stand for isn’t important, although you will easily find pages and pages of info on them if you do a simple Google Search. The important point is how these displays work. They are made up of Pixels, this is a contraction of two terms in fact, “picture” and “element”. Each little dot is a tiny element of the picture. Why does this matter? Well, the resolution of your screen is defined in pixels. For a picture to display as perfectly as possible on your display it must have at lest the same number of pixels as your display, preferably more.
If the resolution of your picture is more you can simply cut some off and it will fit. The best way I can explain this is as follows; If you take a photograph and a photo frame. You need to fit the photo in the frame to display it right? OK, so, we start with a picture that is too small, what happens? We have an empty space around the edges. Now imagine that paper could be stretched to fit the empty space. It wouldn’t like right anymore. However, if we start with a photograph that is too big we have a couple of options. First we could try and cram the photograph into the frame. It may fit, but it will be creased and rough and not very nice looking. The second, and preferred option is to take some scissors and cut some parts from the edge. Cut out the part of the picture that you like, exactly to fit the size of the frame, and you now have a perfect photograph for your frame.
The same goes for images on your screen. Resizing them causes the computer to do some “processing” on the picture. If you make an image smaller, the computer will guess which pixels to destroy and which to keep. In fact there are several complex methods that the computer can use to do this, some are excellent, some not so good, but none are perfect. It is impossible to re-size an image without destroying some data. Just as a computer allows you to make an image larger (by stretching). The computer will “guess” where to place new pixels and what colour to make them leaving you with a horribly distorted or “fuzzy” image.
What’s the solution? Get out the scissors. No, on the computer it is usually called “cropping” This allows you to “cut” areas from around the edge of an image, usually you select the piece you want to keep and it cuts out the rest. This method does not change the size of pixels, it does no processing on the image and it ends up as clear and perfect as it started, just smaller.
OK, so where to start? First we need an image, or we can make one (take a look at the template I included in the download). The image needs to be high quality and larger size (in pixels) than your screen resolution. If you can find an image exactly the same resolution as your screen then you can stop reading now, because it doesn’t need anything more doing to it. Just apply it. If you’re not sure how to find your screen resolution, it’s quite simple. It varies between different operating systems but in windows you can generally find it by right-mouse clicking on the desktop and selection properties. In Windows 7 it will show “Screen Resolution” when you right click. Older version will open up some display properties under which one of the tabs contains your screen resolution. As a side note. To get the best out of your screen, the “slider” in the screen resolution should be all the way to the right. This does not apply to CRT (the old, fat type of screens) because the might try to display resolutions they are not capable of and can in fact be damaged by doing this. If however you are using a flat screen you are safe. If the resolution doesn’t work simply wait a little while and it will revert t normal.
In order to crop our image we need an image editor. Photoshop works extremely well, but it costs a lot of money. There is an alternative, I use this one personally. The program is called “GNU Image Manipulation Program” shortened to “G.I.M.P.” Yes, I am aware that the name is somewhat “humorous”, but at least you won’t forget it now will you? G.I.M.P is an open source program released under the GNU license. Essentially, this means you can do what you want with the software’s code, so long as you give credit to the author for creating it. And if you wish to re-distribute it, you must give access to the “source” code from which it was created. But that is a book in it’s own right.
First, go download and install the G.I.M.P. from HERE. The install process should be fairly simple. Take note however of the advice I gave in the article HERE, on minimizing junk, because the G.I.M.P. has over 26MB worth of language files that you probably don’t want to install or will never use. Next, download the file attached below. It contains a PNG image 1920×1080 pixels. I’m assuming this is large enough to be the same size as or larger than most peoples displays. I know there are displays much larger, so that’s why included the template. You might be wondering now, how come this download is so small if this is such a large, high quality image? Well, it’s deceptively small. This is due to the compression I applied to the archive, I will write a whole article on compression, but for now, just know this. Inside that tiny file is over 14MB worth of image and template. I will reinforce the fact that it is always good to start off with a huge image with excellent quality, because it’s easy to shrink the size or reduce the quality, but to improve the quality of a poor image is impossible.
Now lets begin. I have laid out the “tutorial” into an easy 2-step picture guide for you below.