Fix Distorted Images in Web Design

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.

Written by: Jophiel Silvestrone

Jophiel Silvestrone has written 326 posts in the Tech Blog.

Jophiel grew up on a ranch in Paradise Valley, Montana near Chico Hot Springs. Working on the ranch instilled work ethic and self motivation. Filled with this drive, Jophiel started mowing the local school's yards twice a month throughout the summers, at the age of 12. He moved to Billings in 2004, where he has been deeply involved in the local business community ever since. A serial entrepreneur, Jophiel has ran multiple businesses in our local community. The first business, a janitorial and carpet cleaning company, founded in 2005, has employed over 50 locals. Moving on to the media industry, Jophiel and several partners founded Green Directory Montana in the spring of 2007. Green Directory's sustainability ranking software awarded points based on sustainable or "green" actions. These points counted towards a business's total "Green Score," which in turn ranked them against other businesses in their category and throughout the entire site. It also featured a limited edition print version distributed annually. A business acquisition allowed Jophiel to focus on new projects, and a few close business colleagues and Jophiel started Rocky Mountain Mr. & Ms. Magazine, a lifestyle publication for men and women in the Magic City. After a year and a half at the helm of RM3 Magazine, the business was purchased. He now runs a web development company SkyPoint Studios and fathers his son Jaoquin, who plays football, basketball, soccer, and is learning snowboarding from his dad. Recently, has expanded to locations in Havasu, Arizona & Vegas. SkyPoint Studios is a market leader in both Billings & Havasu and Jophiel is working on building that same level of market dominance in Vegas. Specialties: Extensive experience in online and offline business. Especially savvy at WordPress, and operate several sites, one example is the blog: skypointwebdesignbillingsmontana.com/tech-blog. Check out skypointwebdesignbillingsmontana.com for the latest projects from SkyPoint Studios.