find us on instagram
  • Home
  • About
  • Blog
  • Contact
  • Categories
    • Beauty & Style
    • Crafts
    • Dream Create Inspire
    • Family
      • Parenting
    • Freebies
      • Free Fonts
    • Giveaways
    • Health
    • Holidays
      • 30 Fun Ideas Ideas For Fall
      • Christmas
      • Easter
      • Halloween
      • St. Patrick’s Day
      • Thanksgiving
      • Valentines
    • Home
    • Parties
    • Photography
      • Project 52
      • Project 365
    • Recipes
    • School
    • Special Needs
    • Technology
    • Travel
    • Tutorials
  • Free Downloads
  • Pregnancy
    • Birth Stories
  • Recipes
    • Appetizer
    • Bread
    • Breakfast
    • Dessert
    • Drink
    • Main Dish
    • Side Dish
    • Snack
  • Shop My Favorites
    • Bloglovin
    • Email
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Sarah Halstead

You are here: Home | Photography | Sharpening Your Pictures For The Web

August 22, 2010 By Sarah Halstead

Sharpening Your Pictures For The Web

Filed Under: Photography, Tutorials Tagged With: guest post

Sharpening Your Pictures For The Web
I’m so glad to be guest posting here today – and thank you to Sarah for inviting me to share with you. For those of you that don’t know me, my name is Ashley Sisk and I am the photographer and author behind Ramblings and Photos.
I am often asked how I am able to post such BIG pictures in blogger, so I thought I’d share my secret (which really isn’t that much of a secret)…I don’t use blogger to host my photos.
Once you are done editing your photo and before you post to your blog, I encourage you to quickly go through a few steps.  

Sharpening Your Pictures For The Web

1. Save your photo.
a.       I always like to keep a larger file (1.2 -2.0M usually).
b.      Keep that file open in your editing program.
2. Resize your photo to the exact size of your blog space.
a.       In my case, I eliminated my sidebar so I could post large photos. My outer wrapper is 910 px wide…my main wrapper is 900 px wide. Therefore, I have resized my photos to be 890 px wide to allow for border room and align with my text (to be consistent, if I’m posting a vertical image, I will resize my height to be 890 px).
b.      Determine how large your main wrapper is and subject 10 px – resize to those dimensions.
c.       To resize in Photoshop Elements go to Image>Resize>Image Size. Enter 890 px (your width, be sure you have pixels selected). Allow the program to auto select your height by checking Scale Styles, Constrain Proportions and Resample Image. Click ok.
d.      I typically use the zoom tool then to resize to 100%.
3. Sharpen your photo for the web.
a.       I’m not sure that everyone out there automatically sharpens for the web, but trust me…it’ll make your images look 100% better for blog purposes.
b.      To sharpen in Photoshop Elements create a duplicate layer (either right click to duplicate or click ctrl J – it may not be that different in other programs).
c.       Go to Enhance>Unsharp Mask and enter 125%, 1.0 Radius, 3 Threshold levels (this is what I use, but you’ll need to experiment a little). Click ok.
d.      In that layer, change your blending mode to Luminosity (it should show as normal until you change it), then lower your opacity to 70% (again experiment with this). 
e.      Save your photo with a different name – I always will add blog or RS at the end of the file name to indicate it’s been sharpened.

Upload your photo to Flickr (or other photo hosting site like Photobucket, Smugmug, etc).

a.       Copy the html by going to Share this>Grab the HTML/BBCode>Select Large or Original (check to be sure it’s the same dimensions you specified).
Flickr Step
5.  When you’re ready to include the photo in your blog, go into the post’s html and paste the code you just copied from Flickr. Click on compose to see your image. You may want to center the image at that time.
Blog HTML


Blog Compose


So, that’s it! Any questions? Just to demonstrate the contrast between a sharpened and unsharpened photo, I thought I’d share a recent photo of Kitty Paw.


Unsharpened
Kitty Paw Snarl edit not sharpened


Sharpened
Sharpening Your Pictures For The Web
 
See the difference a little sharpening can make? Oh, and a word of advice…you don’t want to print a web-sharpened photo…trust me. Have a great day!

Related

Don’t Miss A Thing!

Stay Up To Date With The Latest

« Faces of Dustyn
Terrible Twos »

Comments

  1. Pascal says

    August 4, 2011 at 11:42 pm

    Hello Ashley, Thanks for sharing your sharpening method for web. I have tried it but unfortunately did not find it gave me great results, the pictures looked over-sharpened. I have been trying different techniques posted on the internet by various photographers and haven't found solution that works, though so far yours has been one of the better ones. I am new to photoshop and websites etc as up to about a year and half ago I was using film. I also found that images I have sharpened look very different on different websites, especially flickr. An images looks great on my website, but the same image uploaded to flickr looks way over-sharpened. In the method you mentioned above, your file is 1.2 to 2 m, does that mean you shoot in JPG or convert RAW to jpg first? My workflow is RAW to TIFF to output(usually JPG) so the file i'm resizing and sharpening is TIFF. Will that affect the radius and threshold setttings? What resolution are you setting your files at? Thanks
  2. Christy says

    August 23, 2010 at 6:26 am

    great info Ashley! Thanks for sharing :)
  3. AJ says

    August 23, 2010 at 3:17 am

    Thank you for this turorial.
    I never loaded them up to flickr,
    but that makes a big difference!
  4. Angela says

    August 22, 2010 at 8:57 am

    Great tutorial!!

Welcome

I'm Sarah and I am the writer behind this blog. I love sharing recipes, DIY projects, photos and about my everyday life. I married my high school sweetheart Kenny. We have three boys and one baby girl - Dustyn, Carsyn, Prestyn, and Annelyn. Thanks for stopping by, can't wait to get to know you more. Read More…

Let’s Connect

  • Bloglovin
  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter

Search

  • Home
  • About
  • Blog
  • Contact
  • Privacy Policy
  • Hello Instagram Friends
  • Home
  • About
  • Blog
  • Contact
  • Privacy Policy
  • Hello Instagram Friends

Newsletter

Latest News · Tips & Tricks

Categories

Search

Partners


It was an adventure to get there but we finally di It was an adventure to get there but we finally did. The place we normally park was closed for repaving so we went on the hunt for a new place. It was a nice secluded spot that we might just make our new spot. The kids had a blast, I am glad it stays shallow here plus we didn’t have to worry about waves.
Prestyn doing a belly flop. Then he said, “Ow, t Prestyn doing a belly flop. Then he said, “Ow, that hurt.” He didn’t do anymore after this. 🤣
Carsyn loves relaxing in the hot tub. Then the sun Carsyn loves relaxing in the hot tub. Then the sunset after leaving my cousin’s wedding.
Last day of middle school. 😳 Next up early coll Last day of middle school. 😳 Next up early college.
Last day of 6th grade was technically last Friday Last day of 6th grade was technically last Friday but didn’t get a chance to take his photo until today. I would say he grew a little with his body and his hair. Can’t even see the word school. 🤣 Thankfully he has a evaluation next week to see if they can grow his chair more because he is definitely getting big for it.
Last day of Kindergarten. Where did my little boy Last day of Kindergarten. Where did my little boy go?
She grew so much. 😭 Swipe to see her first day. She grew so much. 😭 Swipe to see her first day.
Annie’s water fun day at school. Annie’s water fun day at school.
Splash pad and park yesterday. Then field day for Splash pad and park yesterday. Then field day for Prestyn today. I posted a reel of some of the fun.
Instagram post 17956614814826529 Instagram post 17956614814826529
Last photo for May from yesterday. Last photo for May from yesterday.
Seemingly indestructible water balloons in the poo Seemingly indestructible water balloons in the pool. Love the first one with the rainbow above them. Then the balloon splashing photos are super neat too. I had no idea they would have so much fun with water balloons in the pool. 🏊🏻‍♀️ 🏊🏻‍♂️
Thursday-Sunday photos. Carsyn enjoying the hot tu Thursday-Sunday photos. Carsyn enjoying the hot tub. Prestyn’s kindergarten celebration. Annie swimming and helping dad clean off the porch.
Project 365 photo catch up. Can’t believe it is Project 365 photo catch up. Can’t believe it is almost the end of May! Had my hair trimmed yesterday, and my eyebrows tinted. The eyebrow dye last for about 4-6 weeks. It gradually lightens up over time. I included the photo of Annie after she did her “makeup”. This project 365 isn’t looking like I thought it would. I was hoping to use my DSLR more but end up just using my phone and using random photos I take during the day. Nothing specific or set up pretty, but it works. I’m still capturing memories. 

#project365 #annelynjane #eyebrowtinting
Beautiful beach day. Got a little hot at one point Beautiful beach day. Got a little hot at one point and the water was too cold for me to get in but just kept dipping my feet in the water to cool down. Unfortunately I got a terrible headache in the afternoon so had to cut the trip a little short. Next time I need to remember to bring medicine. Not sure what’s been going on lately but the last few days I have gotten headaches in the afternoon. 

#obx #outerbanks #beachdaysarethebestdays #ʙᴇᴀᴄʜᴅᴀʏs #beachdays🌊 #beachvibe #nagshead
Best friends picking strawberries 🍓 and more sw Best friends picking strawberries 🍓 and more swimming photos. 

#annelynjane #halstead2022 #strawberrypicking
Photo catch up from the last week and a half. Lots Photo catch up from the last week and a half. Lots of time spent outside because of the gorgeous weather. 🙌🏼
Happy 12th Birthday Carsyn!! Can’t believe he w Happy 12th Birthday Carsyn!!

Can’t believe he will be a teenager next year… 

#carsynjoseph #halstead2022 #12thbirthday #happybirthday #holoprosencephaly #cerebralpalsy #mihvhpe
Annie photo overload from the past few days. She i Annie photo overload from the past few days. She is the only one that doesn’t mind her photo being taken. #annelynjane #halstead2022 #strawberrypicking
It’s gonna be May. Carsyn turns 12 on the 11th It’s gonna be May. 

Carsyn turns 12 on the 11th and my birthday is on the 27th. 🎂

Copyright © 2022 · Captivating Theme On Genesis Framework · WordPress · Log in

 

Loading Comments...