I have been asked by a few people now how I get the screen shots I use in these posts. There is nothing really magical here, I just use a program to capture the images and let WordPress take care of changing their size to fit within the width of my blog. I use a small JavaScript program I found to display the full size images when someone clicks on the thumbnails. That's pretty much it.
For the screen shots I put on the site, I use a program called Snapz Pro X by Ambrosia Software. It may not be the very best program out there, but it's one I purchased a long time ago and have enjoyed it use for quite some time.
The screen shot images are stored in PNG format with a DPI of 72 dots per inch. That's done by Snapz Pro X and I don't have any control over the DPI at all.
Once, I get the screen shots I need, I use WordPress' ability to add media to a blog post to take care of creating thumbnails and smaller sizes so that the images will fit inside the content column of the blog. So if an image is 800 pixels wide by 600 pixels tall, WordPress will shrink the image to 500x375. It also creates an image that is 150x150 cropping it if necessary.
I then place the image also using WordPress to get my initial HTML data. I then remove a part of that data since I don't use WordPress' WYSIWYG editor when writing my posts. I style some of the images so that there is a small transparent border on the side of the image where the text will run up to it. This is done with CSS inside the IMG tag.
The images that are not screen shots that I use in the top right corner of my posts and sometimes sprinkled throughout the post are usually pictures I find on either flickr.com or image.google.com. I try flickr.com first and make sure the image is under Creative Commons before I use it. If I get the image from image.google.com, I'm just hoping that the owner is OK with it. I'm not a huge site like Digg.com or C|Net, so I don't present as big a threat as a larger site would. If I get asked to take down an image, I'll be more than happy to.
If the image I find is too big for what I am going to use it for, I will use Preview (an application that comes with OS X on the Mac) to reduce the size of the image to the correct size. I usually don't make these images bigger than 120 pixels wide. So I try to find an image that will scale to that size nicely.
Also, I never hotlink or "inline link" an image from another site. This is not an ethical practice and most importantly I would have no control over the image being displayed. The problem here is that the image comes from a different site and so the bandwidth it takes to display that image is being charged by that different site. It's well within the rights of the site owner of the hotlinked image to do whatever they want with the image. I have heard some interesting stories of hotlinked images being changed to rather rude images due to this practice. So the person hotlinking the image will now be displaying an image of something rather rude on their site instead of what they had originally intended.
Sometimes the smaller images are screen shots of application icons. They also might be edited with a program called Acorn by Flying Meat Inc. so that I can merge more than one icon together or do some other simple editing. I also use Pixelmator to do some of that editing. I'm no artist, so I don't use Photoshop.
That's pretty much it. I hope that answers the questions I have been asked. If not, please feel free to leave a comment with more questions. I have no problem at all answering questions about the site or the Mac and OS X. It's one of the main reasons for the site in fact.
written by Dave M.
\\ tags: screen, Screenshot, shot