Posted by: nancyisanders | November 21, 2011

Internet Marketing: Changing the Image Size

I promised I’d explain how to change the size of an image.

This comes in handy if you need to make an image just the right tiny size to fit in your sidebar.

It also comes in handy if you want to enlarge an image to fill up your page nicely, but the sizes that are offered on WordPress aren’t quite the right fit.

Here’s what to do:
1. Upload the image to where you want it to be.
2. Switch to the HTML version, not the Visual version.
3. For example, here’s the great big visual of my image:

And right here is my actual HTML code that I can see if I switch to the HTML version on the little tab at the top of my post I’m creating. (If you don’t know how to do this, just ask me and I’ll be more specific)

<a href=”http://akidsguide.files.wordpress.com/2011/06/guide1.jpg”><img src=”http://akidsguide.files.wordpress.com/2011/06/guide1.jpg&#8221; alt=”” title=”guide” width=”645″ height=”498″ /></a>

The key to changing the size of the image is to find the part inside the code that indicates the width and the height. In the above code, mine is:

width=”645″ height=”498″

Now, it’s very very important not to change anything in the html code (unless you know code, of course) except the NUMBERS.

And it’s always very very important to to change these numbers in equal proportion.

But if you want to make the picture smaller or larger, multiply or divide both numbers by the same amount, and then write those changes in the HTML code.

For example, that image here is wa-a-y too big to fit on this page (even though it fits on the page in my other theme) and it’s way way too big to fit into a sidebar.

But if I want to make it half as big, I can divide both numbers by 2 and get:

width=”322.5″ height=”249″

And when I change those numbers inside the HTML code, here’s what I get:

<a href=”http://akidsguide.files.wordpress.com/2011/06/guide1.jpg”><img title=”guide” src=”http://akidsguide.files.wordpress.com/2011/06/guide1.jpg&#8221; alt=”” width=”322.5″ height=”249″ /></a>

And here’s how that image is now sized:

Isn’t that great?

You can try multiplying or dividing the width and height numbers by any number and experiment until the size is exactly right for the space you need. (Sometimes, an image gets fuzzy if you try to change it, but that means it’s not high quality enough for you to work with. So try to get a better scan of the original picture to work with.)

So, go ahead and try it! Have some fun and try to resize your image to different sizes. See which size fits the best for your purposes.


Responses

  1. Yes!!!!!! I did it! Thanks!!!!!!!

  2. Super! Congratulations!!!! Now you have the power. :o)

  3. No! Now I need to know how you managed to put up your “For Writers” bit!!

  4. Hi Nicole…can you explain what you mean? Do you mean putting “For Writers” in the sidebar? Or putting up my book cover in the sidebar? Or putting the link to my website in the sidebar?

    Let me know and I’ll try to answer it in next week’s post!


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Categories

%d bloggers like this: