Resizing Images & Adding Sliders to a Site

One of the most frequently asked questions we get in Creative Web Services is how to resize images. Many times, you’ll need to have an image fit into certain dimensions, but your original file will have a different aspect ratio. Simply changing the file to the dimensions you need will stretch or skew the image… and that is certainly NOT what you want!

To fit an image within specific dimensions, there are a few easy steps. We’ve created a few videos to guide you through the process.┬áIf you learn best by text, be sure to check out our step-by-step post with instructions as well. First, how to resize your image in Photoshop:

If you don’t have access to a copy of Photoshop, don’t sweat it! There are several free online photo editors that achieve the same goal. We’ve chosen to give directions on Pixlr’s photo editor, since the process is the most similar to the steps taken to resize an image through Photoshop.

Once your photo is sized appropriately, you need to add it to your website’s slider file. This involves uploading an image into your site’s images folder and then placing that image within your site’s slider. We outline the process in the video below.

Whether you need to resize an image for a website’s slider, a Facebook ad, or an Instagram post, these processes are the same. As long as you know the new image dimensions, you should be able to follow these steps and have beautiful images that aren’t stretched ready to use. Have questions? Want to brainstorm the best way to reach your audience through your website? We’re here to help! Email and be sure to give us a follow on Facebook and Twitter, too!

Your email address will not be published. Required fields are marked *