Nothing is more frustrating than updating your website and finding out that all the hard work done on uploading images into the page or slideshow was wasted because the images are distorted. So how to fix distorted images when working on the web?
It is an issue of size and size cannot be determined entirely without the assistance of an image editor. We recommend using Paint.net if you have no prior experience. If you are experienced with Photoshop, use this. open the editor and change the size of the image under “Image” on the menu of paint.net. Inside this window will be all the information about the size of the image.
The size of an image is determined in pixels by height and width. Different sizes are common on the web such as medium 300px wide X 150px high or large 1200px wide X 800px high. To find out the size of the image you need to replace, right click on it and save it to the desktop. Now open it in your image editor and check the size of the image. Now make the new image that same size and upload it into the site in the same place as the old image.
If you cannot copy the image to your desktop, or the area to place the new image doesn’t currently hold an image, you can use the snipping tool to discover the pixel dimensions of the space to place your photo. Whip out the snipping tool and click and drag it over the area to place the image. Save the image to your desktop and then put it into Paint.net. Then check the size of the image and make the new image that same size.
This will fix most image distortion issues. Another common issue is blurry original photos. If this is the case, then the images have to be re-taken or replaced with other high quality images. If you want to find some free open source, high-quality images on the web, check out Free Images.