Thursday, March 10, 2011

my apologies & a tutorial.

how to make your pictures look the same across all web browsers.

did you know your pictures might look different to different people depending on the web browser they're using?  i've been using google chrome lately & noticed the pictures on my blog looked AWFUL & not at all the same as how they looked to me in photoshop.

sorry about that.

i complained to my friend ben who did some research.  turns out, in order to make my pictures look the way they do to me on my computer across all web browsers, i have to convert them from the RGB color space that photoshop uses to the sRGB color space the internet uses.  or something like that.

ok, here it is in english.

without doing this one additional silly step in photoshop, your pictures will appear ugly & desaturated to some web browsers.

here's the difference.  i didn't convert the first photo.  the color isn't as warm & p-ray looks a little zombie-ish.  although, still cute.


the second photo is how i edited it to look in photoshop.  warm, smooshy, & definitely kissable.  and it looks like there is actually blood running through his veins.

here's how you do it.  {i only know how to do it in photoshop... sorry elements users.}

after you've edited your photos to be how you want, go up to edit, then "convert to profile."


then make sure you are converting to sRGB blah blah blah 2.1.


and now your pictures will look good to everyone.  you're welcome.

if anyone knows some other way to do this, some way to get around having to do this, some other way to explain why you have to do this, or anything else on this topic, please let me know.  i am such an amateur it's embarrassing.

Vote For Us @ topbabyblogs.com!
know what isn't embarrassing?  clicking twice to vote.  all the cool kids are doing it.

22 comments:

  1. Your photos always look great to me. Thanks for the tutorial, anyway. It's a good info for a new PhotoShop user like me! =)

    ReplyDelete
  2. This is great, Amy! Thanks for sharing.

    ReplyDelete
  3. oh wow, i use google chrome! i wonder if everything is going to look brighter for me now? i thought things were great before, but now i see that there's a real difference in those pictures. weird. i'm going to do this too.

    ReplyDelete
  4. Oh dude! I feel like a jerk cause I totally knew this and I didn't share the knowledge. I kinda saw some people complaining about this, but I just didn't read through the conversations completely so it didn't even occur to me to suggest converting to sRGB. Bah! Thanks for sharing!

    ReplyDelete
  5. I looked into this after out twitter chat the other day and by next week, maybe everything will look consistent. Thanks for that tip - you're awesome.

    ReplyDelete
  6. I could just fall out of my chair from the cuteness that is that picture. I feel certain p-ray is trying to blow me specifically kisses :D

    ReplyDelete
  7. I believe that you can convert it if you use ACR too. At the bottom of ACR window you should be able to click on the color profile and convert it before bringing into full edit mode. I don't think I'm explaining it right. I will have to go check it out. I just got CS5, I used to have PSE and let me tell you that export with RGB in PSE looked better on my two different computers (one pc and one mac). My opinion though. But definitely notice that CS5 looks better in sRGB. These things are too complex and make my head hurt. Haha :)

    ReplyDelete
  8. he is so freaking cute. thanks for the tip

    ReplyDelete
  9. your pics always look amazing even before you edit them :) Thats why I cant wait for you to be our "wedding photographer"!!! I'll miss you! See ya in two weeks!

    ReplyDelete
  10. Look! he's practicing giving kisses so he'll be all ready this weekend to give little kisses to Auntie! ahhh thanks Parker. :)

    ReplyDelete
  11. Looked pretty much the same to me but I use Firefox...?

    ReplyDelete
  12. Your photos look really good normally. My sister uses a callibrator. I don't know what that means but it makes all the pictures balance right i guess.

    I love all your pictures loooove them.

    P.S I wish I had Photoshop... life would be so much easier.

    ReplyDelete
  13. I am knew to posting but I love reading your blog and I love this post. I know when I open my photos in camera raw I click on the little link on the very bottom and switch to sRGB there before I open it in photoshop. I was wondering if that made a difference too... :) Thanks for this great and helpful post!!

    ReplyDelete
  14. Good to know! Thanks for sharing<3

    ReplyDelete
  15. For some reason the first one looks better to me. The second looks oversaturated in Chrome.

    ReplyDelete
  16. interesting! There is so much to learn. Sigh.

    ReplyDelete
  17. I bought a colorimeter? today because I love my pictures in Photoshop and they print out terrible, maybe it will fix this problem for me too!

    ReplyDelete
  18. Hmmm... I never knew this. Thanks for sharing.

    ReplyDelete
  19. interesting, i had no idea. my pictures probably do this funkiness and they'll never get fixed bc i just have elements. and .. i don't even know how to use my elements yet. :)

    ReplyDelete
  20. I so needed to pay attention to this earlier. But now I noticed the problem with my images and remembered you had a post on this so I came back and tried it and the problem is solved. THANKS!

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...