It’s time for another Tip/Technique. Today I am going to share with you how to resize an image for posting in online galleries. I know this sounds like a simple task and to some it may seem trivial, but there are a few key factors to consider when resizing an image for posting to online galleries. One of the first things I learned when saving a page for the web is that a full sized layered image is too large to save. You might have noticed this error message if you have ever tried to save a full sized layered image.
Once your page is completed be sure and save the full size layered file somewhere on your computer for safekeeping. Now that the full sized file is saved you can now begin the process of resizing. Click on Layer from the top menu bar, then scroll down and select Merge Visible from the drop down menu.
With the image merged into one layer the integrity of the layout is in tact. I will explain this more later in the tutorial. Now let’s resize the image. Click on Image from the menu bar along the top. then Scroll down and select Image Size.
From the pop up menu edit the resolution first to 72ppi and then the width/height to 600 pixels. Generally 600×600 pixels (2inx2in) is acceptable in web galleries and other places online. Another thing to note is that “Constrain Proportions” is selected.
It is important to edit the resolution first and then the height and width otherwise you will reduce your image too much. Notice in the example I have below if the height and width is edited first then when the resolution is edited the height and width is further reduced in size. This will produce a very small image.
Now that we have the image resized we are ready to save it. Click on File from the menu,scroll down to Save for Web & Devices.
From the pop up menu you can edit the quality up and down, but generally between 50 and 60 is a good range to keep the file size under 150KB. This is the average file size allowed for posting in most online galleries. If your file was larger you will have to adjust the quality down and vice versa if you have a smaller file. As you adjust the quality you can see the file size in the small preview window. When you are happy with the quality and size click on Save and you may rename and save the jpeg file on your computer and you will be ready for uploading.
Earlier I mentioned flattening your layout in order to keep the integrity of the layers. Here is a little sampling of the difference. In the first image I began the resizing process shown above without merging the image first. Notice that the shadows are distorted and the layers seem to be floating. Not quite the desired affect I was hoping to achieve.
All images are screen captures from my Adobe Creative Suite 5 program – including the layout samples which were created using the beautiful Remember Yesterday from Jennifer Labre.
Clear as mud right? I hope you were able to follow along. Just in case you have any trouble there is a Resize for Web Action provided by Paislee Press in the OStore and guess what? It’s FREE! Once you download, unzip, and install the action you can resize and save a layout in a few simple clicks. Not only is it a real time saver, this action really makes a layout pop!
Thanks for visiting today – now go forth and optimize! I can’t wait to see your creations in the gallery!