how-to-scale-an-image-jpg-gif-png-ico

Scaling images easily can be a real pain in the "you know what" for beginners and even for the pro's. The two most common methods for scaling an image is to either import scale then scale image in your website building software e.g. SiteSpinner Pro, or use image manipulation sofware to scale it then import the image into your project. I like having my own graphic software, it gives you alot more options when it come to creating logo's and other graphics needed for your website, that's why more than 50% of the images I import into a project are scaled or touched up before I import them.

So I'll explain how to scale and import an image using both of these methods below:

Method 1: Scaling images in SiteSpinner (Pro would be similar)

In your SS work window click on the 'Add a picture' button on the tool bar on the left, when the browse

box pops up choose your image, then click open, your image should now be in your work window. Right click on the image to make sure it's highlighted, left click on the edge of the object and drag the boarder to the size you like, done.

or

You can set the scaling you want in the 'object editor'. To do this click on the image to highlight it, then press enter, the 'object editor' will appear, click on the transformations tab, now check the 'maintain aspect ratio button', then adjust the scaling in the vertical or horizontal scaling section. When your done click 'ok'. Your done.

Method 2: Scaling an image using 'Image manipulation software'.

So when somone on the Vritual Mechanics Forum was having trouble scaling his image properly to fit in a I frame I thought the solution for this particualar topic was to let him

know about the free image manipulation program I have been using for a while now called GIMP . This software works like a charm for scaling images, creating logo's, photo touch up's and for saving or changing your images or graphics in massive amounts of different formats.

Don't get me wrong some website building software can do a fair bit with images, including SiteSpinner, but sometimes you just need a bit more.

So to use GIMP you need to download the program, if you already have it just skip to the next section. To download the latest version of GIMP visit www.gimp.org and follow the instructions.

Now that you have GIMP open up the program, then at the top of the work screen click on 'file', in the drop down menu click 'open', now browse and choose the image you want then click open, now your image should be in the work window.

Time to scale your object. In the tool box click on the 'scale tool', then click on the image and it will highlight, now a 'scale' box will appear, then click on the 'chain symbol' to (make sure it's not broken) this will keep the aspect ratio of the image, now click on either the 'width' or height' arrows to scale, when done click press the 'scale' button.

You can now export your scaled image. At the top of the work screen press 'file', then 'save as', after this a 'save image dialogue box' will appear. In the 'name' section type a name for your image, then go to the bottom left of the 'save as' box your in and click on the '+' sign with the text next to it 'Select

File Type', now the 'file type' area will appear, click on the format you want to save in. Now using the sections that are titled 'places' and 'name' select where you want to save the image then press 'save'. Depending on the format you choose to save in there may be a few more prompts but your pretty much done. Now import your image into site spinner and your done, it might seem like a lot at first but once your used to it it's a breeze.

well enjoy and good luck, I hope this helps.

How to scale an image, jpg, gif, png, ico.

Below are two image scaling methods I use.