Skip navigation

Save Images As High Quality With Version Numbers

Articles on Web Design and CSSWhen working on designing a blog or website, I create many of the graphic images and logos from scratch, often using PaintShop Pro. As I work, I frequently save the original images as high quality and resolution PaintShop Pro files by version numbers for those “just in case” or back tracking needs.

For example, while working on the Lorelle on WordPress swirl logo, after making a dramatic change to the step-by-step process of designing the logo, I’d save it as logo-v1.pspimage, then logo-v2.pspimage and so on, increasing the number as I go. I may have a file listing of:

  • logo-v1.pspimage
  • logo-v2.pspimage
  • logo-v2a.pspimage
  • logo-v3.pspimage
  • logo-v4.pspimage
  • logo-v4a.pspimage
  • logo-v4b.pspimage

And so on. The a, b, and alphabet versions are slight variations on the main theme, such as a change in font or color but not overall design. If I make a big design change, I will save it first, make the change, and then save it as a new version number. Not much different from writing programming code.

At any point in the design development, I can stop and go back to version 4 or 6 and begin the process again if I don’t like where the design is going. If I’ve saved over the original file, I can only undo the changes I’ve made so far back. It helps to have it saved at different steps along the process to make it easier to go back to a part way spot instead of starting over.

Examples of various looks and attempts at the Lorelle on WordPress logo - copyright Lorelle VanFossen

As I make changes to a graphic image, logo, badge, or icon, I may get to the end and decide that I don’t like the end result. If I’m working on it over time, I can easily forget what I started with or that interesting idea I had midway. With various saved versions, I can compare them to each other and take a new look at the ideas I came up with along the path to the final product.

I save these in their own folder and keep them for a few months, just in case I decide that the end result just isn’t working. As the high resolution images create huge file sizes, if I don’t use these within a month or two, I move them to a portable hard drive or other storage method to free up the space on my hard drive. I don’t delete them because, like an old funky tool, you never know when you may need it.

Example of saved version of Lorelle on WordPress logo - copyright Lorelle VanFossen not for use without permissionI also save the final result in a PaintShop Pro format before exporting it as a GIF, JPG, or PNG file as is appropriate for the web. I save it with all the layers and information that helped me create the final version such as the fonts and colors noted in the outside canvas area of the image, before I crop it down to its final size. I label this version as logo-final.pspimage. This has saved me many times when I needed to go back and make a change or switch colors only on one layer and not the final compiled and merged image.

With a saved “original” in a high quality and resolution format, I can easily make changes for future versions such as needing to resize or reshape the logo for a specific use.

Save your image in a high quality format with a high resolution as version numbers as you work, then export it in the appropriate web format such as a JPG, GIF, or PNG for uploading to your blog.

Related Articles

Member of the 9Rules Blogging Network

Site Search Tags: , , , , , , , , , , , , , ,
Copyright Lorelle VanFossen, member of the 9Rules Network
Feed on Lorelle on WordPress Subscribe Feedburner iconVia Feedburner Subscribe by Email


  1. Posted May 9, 2007 at 6:23 am | Permalink

    Isn’t this obvious?

  2. Posted May 9, 2007 at 6:26 am | Permalink

    I prefer to go with descriptive titles so that I can go back later and know which one I’m about to open if I don’t have the thumbnail view going.

  3. Posted May 9, 2007 at 7:59 am | Permalink

    Good tip, but what makes even more sense is installing something like SubVersion so you can do proper version control. It’s fairly simple to create a project for your website on Google Code Project Hosting and then use a SubVersion client so all of your backups are stored by Google on the Internet like in my example.

  4. Posted May 9, 2007 at 8:00 am | Permalink

    This is what I’m going to start doing for my CSS changes because it gets hard after a while to keep track of when you did what (I’ve got engtech01.css to engtech20.css on my hard drive already).

  5. Posted May 9, 2007 at 11:11 pm | Permalink

    Yes it is rather obvious tip but you would be surprised on how many people do not do it. I would recommend people do it with everything including writing blogs etc

  6. Posted May 11, 2007 at 7:17 am | Permalink

    This is exactly how I am backing-up my half-written thesis 🙂 I save a copy of my Work folder with today’s date and burn the whole folder (which consists of only Word docs and Excel sheets) into a CD.

  7. Posted June 3, 2007 at 4:10 pm | Permalink

    Always use versioning. I am always going back to previous versions.

3 Trackbacks/Pingbacks

  1. […] Lorelle give a great image saving tip today for people looking to do any type of graphic design, including themes for WordPress. Use revisions in your file names, so you never save over your previous work, and it allows you to go back if you hit a dead end. For example, while working on the Lorelle on WordPress swirl logo, after making a dramatic change to the step-by-step process of designing the logo, I’d save it as logo-v1.pspimage, then logo-v2.pspimage and so on, increasing the number as I go. […]

  2. […] Save Images As High Quality With Version Numbers […]

  3. […] Save Images As High Quality With Version Numbers « Lorelle on WordPress […]

Post a Comment

Required fields are marked *

%d bloggers like this: