Ever since I stumbled onto Krissy Muggleston’s blog a few months ago, we’ve been trading ideas and inspirations back and forth. She recently asked me to provide some input on how I place high quality images on my blog. I wrote up a notecard which has been requested by a few others.
I’m sharing an expanded version here just in case it helps some other fabulous people. You may know much or all of this already, so if you want to add more knowledge to the pile, leave a comment and share your own love! P.S. Don’t judge against the quality of the images in this post; I used an external program to capture them.
Let’s assume you have the following:
- Second Life (preferably with Windlight settings on and graphics settings as high as your computer can handle them without fainting)
- A happy trigger finger 😉
- Adobe Photoshop (though any image editing software will work, even Picnik)
- A pro account with flickr.com. I am sure this will work with a free account, but the number of images and their sizes are limited. Trust me, the $25USD/yr for a pro account is very much worth it if you love taking photos in Second Life!
- A blog that allows you to modify the html of a post and not just use simple WYSIWYG editing.
- A bunch of hard drive space to store large snapshots!
Step One: SL Settings
Go into your SL viewer’s graphic settings and click “Hardware Options”. If your graphics card can handle it, turn on Anti-aliasing. I didn’t think my graphics card could handle it, but for this tutorial I gave it another try and BINGO, 4x anti-aliasing! Byebye ragged edges!
Snap your photo!
Here are the settings I use in my snapshot window:
- Click More …
- Size: Custom, Format: JPEG
- Dimensions: I always use a very large width/height that is much larger than my actual computer monitor (1920×1200). At the time of this post my resolution was 4000×2945.
- Check Constrain Proportions.
- Capture: Colors
- Image Quality: recommended above 70.
- Check Freeze Frame & Auto-Refresh
Step 2: Photoshop
In Photoshop I liquify bumpy joints, apply effects, and so forth. Many of you are 10x better with PS than I am, so I’ll leave those tutorials to you!
Then I resize the images down to ~1000 wide before doing a final save to my hard drive.
Step 3: Flickr & your blog
Upload your images to flickr (I highly recommend using the Flickr Uploadr tool).
Go to “All Sizes” for the photo you want to use. Select the Medium or Large version (or whichever one fits your blog template width best). If your image is too large, pick the next size down. Remember, you lose image quality when you take an image of a smaller size and force it to be larger. This stretches the pixels.
Tip: With WordPress, you can click the image in your post Visual editor and reduce it by a percentage until it fits the width of your template.
Scroll down to where you see “1. Copy and paste this HTML into your webpage:”. Copy that block of html into your blog post. Using this block of html preserves the image information: title, author, size, and flickr url so someone can click your image and see it on your flickr photostream.