Saturday, January 20, 2007

Linda's How-Do-I Series? - How Do I Take A Screenshot Of My Website?

Don't you just love it when you learn something new?

I know that I do. I must take after my father who was always tinkering on things just to see how they work.

No sooner had we gotten a TV set (back when TV sets were the latest invention - yes, I'm dating myself) then my Dad was tinkering with his new "toy." He'd take the tubes (I think that's what they were called) out and move them around just to see what would happen. Naturally, since he was tinkering with a brand new TV set my Mother would want to strangle him. Sometimes, of course, he'd totally screw up the picture and then we were without the latest invention until he figured out how to fix it. When we'd complain he'd say "Kids, the fun is in the learning!"

So, I must take after my Dad as I love to try something new and figure out how it works all by myself. My husband, of course, thinks it would be easier to just read the manual and learn how something works that way. To that I respond, "Where's the fun in that? I want to figure it out on my own." My brothers and sister and I must all take after our Dad in this way as we all love to "tinker".

So, months ago, I decided I wanted to take a screenshot of my various website home pages. I knew there had to be a way to do it. I decided to go out to "Ask Jeeves" and ask "How do I take a screenshot of a webpage?" The answer was so simple. Go to the webpage you want, hit the PRINT SCRN button on your keyboard (which copies the image to the clipboard), open up any graphics program (I used the reliable old dinosaur MSPaint), and then paste the image from the clipboard. The image that you see on your computer screen is what will be captured in the image.

Two seconds later I had my website home page open in MSPaint.

So, I saved the the image as a .jpeg file.

Of course, I also had my browser's toolbars in the image so I needed to get rid of those and my file size was HUGE( i.e. 2500 x 1900 pixels or so) so I knew I would need to reduce the size of the image.

I opened it up in my MS Picture It software program so I could crop the image. Once I had the image cropped I saved it as a .jpeg file again. (I used the same name as I used in my MSPaint program and just copied over the first one.)

I decided to resize my image in Adobe Photoshop down to approximately 350x193 pixels. I could have done this in MS Picture It (another old dinosaur program) but, decided instead to do it in Adobe Photoshop as it is so much easier to resize an image in Adobe and because they turn out much clearer.

Once I had reduced the image in Adobe Photosphop I saved it again as a .jpeg file under a different name. You can generally resize any image in any photo enhancing software program. You don't have to use the ones I used.

When I resize my screenshot images I usually make one .jpeg file approximately 350x193 pixels, one approximately 250x138 pixels, and one screenshot approximately 150x83 pixels or so. That way I have three sizes of .jpeg files that I can utilize as I want. I usually name the .jpeg files with the same name only I add the size of the picture to the filename so I know what size the file is without having to view its' properties. For example, I might have three files with the following names: LWOHome.jpg, LWOHome350x193.jpg, LWOHome250x138.jpg, and LWOHome150x83.jpg.

A couple minutes later I had several manageable screenshots of my Linda Walsh Originals homepage that I could use in my blog articles, in my blog sidebars, and where ever else I wanted to.

So, since I'm like a little kid in a candy shop when I've learned something new I just had to share it with everyone on my blog. As my Dad said "The fun is in the learning!" As usual, Dad, you were right.

Copyright © 2006 - All Rights Reserved - Written By Linda Walsh of Linda Walsh Originals and Linda's Blog. Linda is a doll maker and doll pattern designer.

No comments:

Post a Comment