Gut Rumbles

January 10, 2006

technical question

The picture of the one-eyed cat below uses 15.2 KB of space, at width 379, height 295. Pictures straight from my camera come out at 460 KB, 1280 X 960.

If I change the height and width of MY pictures (just by changing the height and width to 400 X 300) so that it appears on my page about the same size as the picture of the one-eyed cat, the damn thing STILL uses 460 KB of space. What the hell causes that? How do I change THAT?

When all you wonderful people sent me resized versions of the new picture on my sidebar, every one took up less than 10 KB each. I want to be able to do that myself. my yankee house guest met my 94 year-old grandmother and some of the rest of my family during her visit and she took some wonderful pictures. I want to post a few if I can get them to where they don't suck a ton of bandwidth.

I'm thinking about buying Photoshop as a new toy, just to see what I can do with that. But there must be an easier way, other than making all the pictures thumbnails and having people click to enlarge them. I am open to suggestions.

Just remember that you're dealing with a complete computer fucktard here. Keep it simple, please.


You likely have Microsoft Photo Editor on your machine use buying Photoshop (unless you wanna do some serious photo manipulation/editing). So...Start...Programs...Microsoft Photo Editor. Open the image...resize it. Save the More >> button. Slide the JPEG quality factor to 50 (or less). I just took a 596K image that was 800x600 to 400x300 and saved it as I described above, and the result is 11K.

Posted by: mashby on January 10, 2006 10:51 PM


Are you just adjusting the width and height in the tag in the post? That only makes the web browser show it at the requested size and does nothing with the file itself.

You'll need to resize the pictures using something like ACDsee, Photoshop, or similar. That way you can tune the amount of compression to get the size down.

Feel free to holler back if I can help.

Posted by: Bobby K on January 10, 2006 10:52 PM

I have always just gone to the Epson Photo website and resized my pictures. They have a few other tools there you can use that I like (cropping, frames). Its free too.

Posted by: Cindi on January 10, 2006 11:05 PM

Hey Rob,

The smaller size indicates that the image has been compresed. Here is a guide (with an accompanying link to free software) that can get you started:

Posted by: Troy on January 10, 2006 11:05 PM

Two more things:

1.) Do NOT buy Photoshop -- the learning curve is vertical.

2.) I really dig your blog -- coolness all around.

Posted by: Troy on January 10, 2006 11:07 PM

load it into paint, resize it (stretch/skew), and save as a jpeg.
If you can't find paint, get to it via:
start -> run -> mspaint (type it and press ok)

photoshop is way too complicated

Posted by: steve on January 10, 2006 11:26 PM

Acidman, all you need is this program and it is free, make sure you get the plugins as well, this is all I used when I did the pics that I sent to you. The file size problem is related to the dpi, ie dots per inch, for your web page make it 72 dpi.

Posted by: Robert Worrill on January 11, 2006 12:05 AM


You can accomplish what you want to do using the instructions I re-sent you in email a couple days ago, but with 2 slight variations.

I'll write you up a new set of instructions and email them in a couple of minutes.

You absolutley do NOT want Photoshop. it would be a colossal waste of money and more importantly, would piss you off no end. Would you start a beginner off with a .303 and a 12x scope? You want the graphis equivalent of a nice .22 with some good, basic instruction.

Basic manipulation of photos for blogging is not difficult, but it's also not something someone can properly teach you in a blog comment. If you really want to learn, I can teach you, to whatever depth of detail you're comfortable with. I've developed a method that uses phone conversation and remote software to teach you live on your computer, using your pics and software (that I will help you set up.)

When we're done, you'll know how to decide what to do to a photo, and how to do it - crop, resize, correct for colour and brightness, sharpen, and save in proper format. Takes about 2 hours beginning to end. You've seen my written documentation; I don't do jargon or bullshit.

If you're interested, let me know and I can tell you more about it.


Posted by: Light & Dark on January 11, 2006 12:17 AM

Robertt Worrill:

I agree Irfanview is a great program, but your comment about webpages and 72 dpi is a perfect example of the frustration Rob's going to encounter trying to figure out how to do this from these comments.

First, he likely has little idea what you're talking about - and rightly so, for someone who clearly states he has little experience.

Second, your information is completely wrong. DPI has absolutely nothing to do with how images are displayed on a monitor. Dots per inch only comes into play when preparing an image for printing. The whole 72 dpi thing is an old wive's tale from a technical spec back in the early days of Windows.

Posted by: Light & Dark on January 11, 2006 12:29 AM

Are you ever gonna stop calling me a Yankee? At least it's not a dumb Yankee huh?

Posted by: livey on January 11, 2006 01:11 AM

Rob, easiest I've found, assuming you are using Windows XP.
Go to the Microsoft Power Toys site -

Download "Image Resizer"

Now if you right click any image it will create a second copy any size you want. Couldn't be easier.


Posted by: Hugh on January 11, 2006 06:02 AM

seems like about a dozen ways to skn that cat.

Posted by: jamesoldguy on January 11, 2006 06:54 AM

Another idea is to get yourself a Flick account, ( ) upload any photos you want on there, then when you post it to your site, you can resize the pic to anything you want.
Also, all your photos are stored online in case of a massive 'puter crash.

Posted by: Misty on January 11, 2006 08:35 AM

I'm a total technodope. I've been using Photobucket, only because I started blogging before Flickr was created. You can get a free account there and it has an easy edit function that will resize with a click.

I don't know what it does to the file size, but I think it reduces it. With Blogger you don't really worry about bandwidth since you're not paying for it.

Posted by: Libby on January 11, 2006 09:15 AM

Go to once you download your picture it will let you resize them. The photos will stay on your site as long as you keep your account.
Good Luck

Posted by: Brian on January 11, 2006 10:06 AM

Rob, I concur with the don't-buy-PhotoShop advice. Resizing can be done with all kinds of cheap or free programs. But if you want a mid-price program that will do much of what PhotoShop will do with photos and graphice, PaintShop Pro ($149 to Photoshop's $600-$700) is the way to go. I've used it since 1997 and absolutely love it.

Posted by: rivlax on January 11, 2006 03:48 PM

Your blogging software can do this for you, provided the right modules are installed on the server. Take a look at the section in the "Help" pages on uploading files. You can have Movable Type upload the file and create a thumbnail (in the size you specify, such as 400x300) and then it will give you the HTML you need to add the picture to your entry.

Posted by: Aubrey Turner on January 11, 2006 04:04 PM

Rob, you're a bright guy. I don't need to tell you how to do it. I need to tell you how to think about it, then you'll figure it out for yourself.

A digital image doesn't have a "size" in terms of inches or millimeters. The picture is made of dots, called pixels. If it's 640 pixels wide by 480 high, it has 307,200 pixels. If you display it on a monitor at 1024x768 resolution it will be a little less than two-thirds as big as the monitor in each direction. If you show it on the Jumbotron at the football stadium, which has pixels 2" across, it will be a hundred feet across and eighty feet high. Same picture. Same pixels. Same size!

So you need a computer program to change the number of pixels in the image ('resizing') or to pick out just the pixels you want ('cropping') to make the picture smaller, because "smaller" here means pixel count, not inches or millimeters. The only "size" a digital image has is the number of pixels.

You can also make the file smaller while keeping the same number of pixels. This is called "compression". The code for "20 red pixels" takes less file space than 20 actual red pixels, for instance. There are some incredibly sophisticated methods of compression, and all of them make the image worse, by a little or a lot. Different compression methods do different things. For any given picture you have to try different methods to find the best one.

The same computer program that will let you resize or crop will probably let you compress the images, too. Compression doesn't change the size of the image as it appears on the screen; that is, it doesn't change the number of pixels. It only changes the size of the file that tells the computer what to draw.



Posted by: Ric Locke on January 11, 2006 09:36 PM

I say get Photoshop.
It's expensive, but worth it.
If you want to buy it.
Judicious searching on the 'Net, accompanied by a good virus checker, will get you the whole thing as a tryout along with hacks to turn it into the real thing.
You can do ANYTHING with it, seriously.
I've been using it for years, paid for several upgrade versions. No more. F 'em, they got more than enough of my money over the years. My turn now.
Indispensible tool for anyone wanting to fool around with graphics.

Posted by: Horrabin on January 13, 2006 01:00 AM
Post a comment

*Note: If you are commenting on an older entry, your
comment will not appear until it has been approved.
Do not resubmit it.