Messing Up My Photos On The Blog
You guys know (at least I hope you know) that I read every comment you guys post on blog. I answer as many as a I can; I fix problems that you guys point out, and I really value your input and advice.
When I did my post about my guest instructor gig at Joe McNally’s Workshop in St. Lucia, I saw a comment posted that really made me stop and sit up. It was a criticism, but he did it in such a kind, respectful way, that I really had to give it its due. He said that my photos didn’t look nearly as sharp as the photos on Joe McNally’s blog, and he thought I must be doing something wrong.
He was right
I scrolled down the post, looked at the photos, and I thought the same exact thing. They do look soft. I called Matt’s extension; read him the comment, and he pulled up the post on St. Lucia, and he agreed, but he pointed out something important: he told me to look at the shot of the Garvey, the fireman on the red wall. Then he told me to click on it to see the larger version of the image. The larger image was tack sharp. He asked me to compare that to the smaller image embedded in the story, and sure enough; it was really soft in comparison. (Here’s the link to the story so you can compare the two images).
That’s when it hit me
I used to make two separate sizes of photos that get uploaded to my blog: one at 516 pixels wide, and one that’s 12″ wide which appears when you click on the smaller image. But for the past year or so, I’ve been letting WordPress (the software that runs my blog), automatically resize my larger image to make the smaller 516 pixel image that appears embedded in the story (as seen above). I know—what was I thinking? It sounds so stupid now, and that’s exactly how I feel.
A Lesson Learned
So I asked my assistant and digital tech Brad about it, and he told me he always resizes the images separately when he posts the Guest Blog images on Wednesday, and he built Photoshop actions (and Mac Automator scripts) to do all the work for him. I feel even dumber now, if that’s even possible. Anyway, Brad was kind enough to share those actions and Automator scripts with me, and from here out I’ll be sure to resize the images separately, so even the smaller images look sharp.
Anyway, I appreciate the “heads up” on this soft-image thing very much, and every time you guys let me know about a broken link, a misspelled word, or some other thing I’ve messed up on the blog, it’s very much appreciated.



















Hi Scott,
Would it be too much to ask for a mini tutorial on how to create the image pop-up effect you have on your blog. I have a similar Wordpress site and I like this effect!
Thanks,
Mike.
Scott uses something like slimbox (http://www.digitalia.be/software/slimbox)
You will find everything you need to implement the script, on their website.
You always find ways to teach us in new ways we don’t even realize half the time. Today, two lessons for the price of one:
First, that there are tactful and helpful ways to deliver news that is less than positive, which apparently one reader delivered well.
Second, that while WP is a great CMS system for blogging, it’s ability to manipulate photos is less than desirable…
Thanks Scott!
Hi Scott- a bit off topic but I wanted to see if you were going to follow up on using the tethered-directly to monitor setup that you inquired about awhile back. Did you ever find a way that works for you to shoot and see your images come right up on a bigger display? I was really curious and anxious to hear back about that. Thanks, -M
Something I never thought about! Thank you for sharing.
Hi Scott
I use wordpress for my blog, and like yours I use the lightbox plug in and so need two versions. However I do most of my posting through Ecto which is a really nice mac application that interfaced directly with wordpress. It has the ability to create thumbnails, and to scale the images, and it uses OSX’s quartz engine rather than the web libraries wordpress uses so I think it does a much better job. It will save you having to creat and upload two separate files, and it’s also much easier for writing too as you don’t have to log into wordpress to post
Hope this helps
Thomas
So, would Brad share the actions for Photoshop? And a question – are you saying to upload two sizes of the same image? One that fits the column width (516 in this case) and then another for the popup window? If so, what plugin allows you to have two images associated with that link? Or, as above, do you upload the 3899 width image, but click on 516, which down-samples it for placement into the post. Then, when folks click on it, the 3899 width version is shown in the popup box?
@dave warner you can upload two files, embed the smaller file in the image post and then in the link URL, put the link to the larger file. The functionality is built in to WP, no additional plugins are required for that.
Hi Dave:
You do need to make two separate images, but you have to name them differently (That’s what Brad’s automator script does; after you use the actions in Photoshop for the resizing, it does the renaming for you).
The larger image is actually usually 12″ wide (unless it’s a pano, in which case I make it 14″ wide). I used used that 3899 as an example; that’s actually a higher res image than I would actually post.
Hope that helps.
-Scott
Scott,
Can you guys post a script (or is there one) for WIN OS VIsta?
Sidebar: I notice in my NAPPA portfolio a lot of my images show a kind of “gritty” look. When I post the same photo on my web blog, I do not get that look…Can you guys enlighten me??
Suggested Post: I get confused on resizing in PS4, what is optimal size for web,etc, like the “fit image” command.
dummy in Ky
Ken
This is good info for anyone blogging. Don’t feel stupid, most people I know would have done the same thing. You’re human, we’ll let you slide
On a related note, I recently received a copy of “Lightroom 2 for Digital Photographers” for father’s day (fantastic book, many thanks). Chapter 7 deals with exporting images, so using what you taught, I wrote a preset to export before posting to my blog. Works like a champ!
@Mike: Scott uses something like slimbox (http://www.digitalia.be/software/slimbox)
You will find everything you need to implement the script, on their website.
Facebook is the same.
It does a fairly decent job at converting colour spaces AdobeRGB -> sRGB which most online places don’t – but does a shocking job at resizing. So I always resize mine to 600px for FB.
This is a GREAT plug-in for Lightroom to Facebook that I think Matt talked about on his blog…
http://regex.info/blog/lightroom-goodies/facebook
Your font looks a little soft :-p
I use CS4 PhotoShop and when my server is off, CS4 will not open a photo or save a photo.
If you have a prevoiusly opened photo file in file “File>open recent” it will not even start CS4. When opening CS4 the opening will lock up on “Perferences”. That means will I am on the road and want to use PhotoShop I have had to empty the “File>open recent” and make sure the last open and last close was used on this computer only.
Maybe you could talk to Adobe and have this problem fixed in an update.
I enjoy your work.
you wrote:
“It was a criticism, but he did it in such a kind, respectful way, that I really had to give it its due. He said that my photos didn’t look nearly as sharp as the photos on Joe McNally’s blog, and he thought I must be doing something wrong.”
I already know your not upset with the above comment, but did you really think of this as criticism?
Very nice Scott, again you always share with the community. Thank you.
Great posts and recommendations from the readers here too, I like some of these links.
Now come to Memphis Scott!
Scott
Thanks for all you do for us budding photographers, I can’t tell you how much I have learned from your books, blogs, training, and photowalks.
I have noticed in your gallery at the top of the blog that the photos are different depending on which direction you go through them, is this intentional? The loops always come back to the same starting point, but it’s as if there are two loops.
thanks again,
Joe
Thanks for the pointer about Wordpress image handling. I haven’t compared how my images looked on Wordpress to how they look elsewhere, but I have had some less-than-polite criticism of some lens review images. I’ll make sure to always resize down to a Wordpress-compatible size from now on! Thanks again!
i hardly ever post a comment but i just had to smile at this one. lol. it took me awhile to figure out why that was happening on my blog too…now i just upload at 640 and there’s no larger version….that way it’s a nice size in the blog and big enough for my family to make a 4×6 print if they want. it’s nice to know that even big wigs have a blogging learning curve too!
Scott – out of interest, the same problem occurs across the Worldwide Photowalk web-site (which as you’re aware, also uses Wordpress) for all the uploads, and whilst this means everyone entering images will suffer from the same problem, the softening does have appear to have a greater impact on more contrasty, colourful images. Disappointing, but understandable given you needed to provide a simple, one-size-fits-all interface for everyone.
This will be covered in Digital Photography Volume 4 no doubt:
Bicubic Sharper for resizing to thumbnails
That’s called being honest, Scott, we really appreciate it! We learn whole out lives.
You know what would be really cool, is if Brad would share those automator scripts with the rest or us. Or just me, I’d be SO happy.
I’m with Sharon, can you (or Brad) please share the automator scripts and photoshop actions? Pretty please, with a cherry on top?
Even better yet, Scott, can you share your entire blog workflow? This is the most difficult part about trying to setup a photo blog. I’ve been having no luck sussing out the workflow tricks that photobloggers use.
Hi Mr. Kelby!
First off, let me say that I’m a fiffteen year old photographer who was completely inspired by you to start doing what I do. Your blog and books are so helpful.
Now let me help you.
In your portfolio, on your “People” page, the photos “Dramatic Lighting” and “Kyle” still haave a little bit of the default paragraph “Contrary to…lorem ipsum…yada yada…” still at the bottom. Just figured I’d let you know.
any chance u can share the automator script and the photoshop actions? (might be in NAPP just havent checked
)
thx for tip … its a great reminder to be carefull when websites do the work for you…
I just wrote a short article about the need for sharpening as part process for getting an image web-ready:
http://blog.solorzanophotography.com/shoptalk/20090724/photoshop/looking-sharp/
It describes what I’ve found to be a good sharpening technique for 72 dpi images and ends with a note about never letting the browser do the resizing — i.e., resize (and then sharpen) the image to match its display size on the web. Not letting WP resize the image is also a very good point.
Thanks Scott, I have been wondering about this recently on my WP site. Any chance we could get the automator scripts? Pleeeease! :0)
I hope you do not mind if I posted a link on digg