Tuesday, August 20, 2013

Blogger Quick Tip: How to Make Your Picture Quality Better!

Ever since starting my new blogs I have been struggling with the picture quality. I take my pictures on a great camera, and when they first import off my SD card and into iPhoto they still look super crisp and great, but then when I export them to pull them into Blogger they go drastically down in quality. I have tried resizing them on all different platforms - through iPhoto, Picasa, PicMonkey, on my actual Macbook desktop, Photobucket, and on Blogger itself, but none of them worked. They all made the picture look blurry and took away from all the time that I took into taking nice pictures in the first place. So... I did what I do best. I googled. 

There's a running joke in my family that I google everything, and it's true. If I hear something somewhere that interests me I will spend hours researching it online - everything from the Plague of Europe to Feug Shui to random famous museums. But even so, it took me ages to finally figure out my picture problem. I followed multiple tutorials on how to fix them with nothing helping until I finally found one webpage that helped. See below:

Before: 


After: More crisp, and much prettier.


And another...
Before: 


After:


So on the off chance that you are also a blogger and having this issue, I'll tell you how I fix mine.
  1. First of all, I take my pictures on my Canon Rebel T3i or T5i, on a SD card.
  2. I then pull my pictures from my SD card into a folder on my desktop, and then from that folder pull them into iPhoto, where I pick and choose which pictures I want to use. I normally take way more than I need, so iPhoto is an easy way to weed through all the options and delete them quickly. 
  3. Next I pull the picture into Blogger through Bloggers built-in "Picture Uploader" while the picture is still in its original size. I haven't done any resizing at this point.
  4. I select "Extra Large" as the picture size.
  5. Then I go into the HTML of the actual blog post, and look for this bit of code:

See the bit that says /s1600/ at the end of the first link and then says /s640/ at the end of the second link? That's the problem. Simply delete the second bit that says 640 and replace it with 1600 so you have both links reading /s1600/

Problem Solved. That's it. So simple, and yet it took me ages to figure out. It's a small change, but it makes a huge difference in my eyes. I love pretty photos!

57 comments:

  1. Awesome! I will definitely have to try this, thanks so much for sharing Elle!

    hugkissmakeup.blogspot.com

    ReplyDelete
  2. It took me a while to figure that out too. Thank goodness for Google!

    Je M'appelle Molly

    xo Molly

    ReplyDelete
  3. I have to say - the difference is extremely subtle. If you hadn't told me the two pictures were of different quality, I wouldn't have known. I had to look hard at the pictures to tell the difference. Nonetheless, if you can display them in better quality, I suppose why not?

    ReplyDelete
  4. I always wondered what was happening when I used to use blogger. I don't have that issue now with wordpress, but I'll pass this on to my friends who still used wordpress.

    Mana
    Fashion and Happy Things

    ReplyDelete
  5. Thank you for this tip, Elle - keep them coming! Just went and edited a few of my pictures! xx

    beautyvisions.blogspot.com

    ReplyDelete
  6. Honestly I don't see any difference in the "before" and "after"!I think is because,in my opinion,the "before" is already in a great quality!
    Anyway it was great that you decide to share this useful tips with us,so thank you very much! :)

    Only a storm in a coffee cup

    ReplyDelete
  7. I have a retina screen and literally see no difference...

    ReplyDelete
    Replies
    1. I have a retina screen too! :) But maybe I just notice because I know what the pictures are SUPPOSED to look like, you know?

      Delete
    2. I also should have mentioned that I am a part-time photographer and I shoot with a t4i haha. I can see a little more clarity at the center of the last picture, but it is super, super subtle!

      Delete
    3. This comment has been removed by the author.

      Delete
    4. hahah It's funny you are saying that... photo 1 is meant to be the "bad" one! In theory photo 2 is the one that should look better.
      I think -as you do- that in photo 1 you can see the letters much better... I don't know...

      Delete
    5. This comment has been removed by the author.

      Delete
    6. I kind of think the first photos look better, especially in the example. The colors are much crisper than in the "fixed" photos.

      Delete
  8. I was having so many problems with this - the images would be perfect on my computer and then when uploaded on blogger they would go down in quality and look blurry! I was so frustrated by it - thanks for the tip will definitely be using it xo

    ReplyDelete
  9. Are you a perpetual "goggler" as well? Anytime something comes up and neither my friends nor myself have a definite answer, I go straight to google. I literally spend hours clicking through links about stuff and I usually end up awake way pat my bedtime because of it. It would probably make a good subject for a blog post LOL

    Kari | lipstickstainsandcoffeecups.blogspot.com

    ReplyDelete
  10. Thanks for the tip Elle! I have been struggling with my picture quality as well. As a new blogger, it was definitely frustrating. Just used your tip and it definitely improved my pics! Thanks xo

    Jackie...notsosimplestyle.blogspot.com

    ReplyDelete
  11. I use Photoshop for MAC which took a little while to figure out but now I don't need to fiddle around with code :) iPhoto is so tedious for me, I can't stand using it :) But to each their own! If it works for the individual and gets the job done that's all that matters. :)

    Kate Xx
    themintedbeauty.com

    ReplyDelete
  12. Thank you for the tip! I have this same problem haha now I know how to fix it. More tips on the lighting you use please coz your pics don't have any shadow and it looks so crisp :)


    Gale
    Galelovescolors.blogspot.com

    ReplyDelete
  13. I don't have retina display but I do have the regular HD Macbook pro and while the differences are sublet, I definitely like the "afters" much better! They have a more whimsical feel to them that I think fit the blog in general much better than the "befores". Especially if you look at the texture of the knit material in the background of the "after" in the second set of pictures compared to the "before". I was an art student for years in middle school and high school and still spend a lot of time dabbing in visual arts of all medias so maybe I just pick up on these things more than the normal person but to me its definitely enough of a difference to take the time to do it. ;) Love it Elle.

    ReplyDelete
  14. this is so helpful! thanks so much

    Annie
    A College Confession

    PS. I google EVERYTHING too!! haha

    ReplyDelete
  15. I'm a beauty, fashion and health blogger and this helped me sooooo much for my blog! Have anyone some advice on how to have a better light while filming? Thank you!
    Chheck my blog if you want thatsangel.blogspot.fr

    ReplyDelete
  16. This helped mi sooo much! Sometimes I also have problems with pictures on my blog ;)
    Thank you so much!

    ReplyDelete
  17. I am just trying to be helpful..... The pictures have always been clear for me. I don't see a difference on the before and afters. I totally understand if you want to do all the extra work, because it is for you, not for us. But on days that you don't feel like it, don't worry about it.

    ReplyDelete
  18. I love using iPhoto to edit as well as choosing the pictures that go on the blog!

    http://www.berrybloomxo.blogspot.com

    ReplyDelete
  19. Elle, I thought you should know that the "SIM" card you were referring to is actually called an SD card.

    A SIM card is a small (about the size of a fingerprint) card that goes in one's phone in order to provide cell phone coverage. As far as I know, there is not a single camera with a SIM card slot.

    An SD card is a larger card that slots into a camera and can store pictures, media etc. The vast, vast majority of cameras today use SD cards for photo storage, including the T3i and T5i.

    Hope I helped avoid any mixups!

    ReplyDelete
    Replies
    1. hahaha!!! oh dear... you are right. I changed that in the post!

      Delete
  20. thank you soo much as a new blogger i thought my camara quality was just bad

    ReplyDelete
  21. This is SO helpful! Thanks for the great tip...I'm in the process of changing all my html for pictures. Thanks again :)

    ReplyDelete
  22. Oh my gosh.. thank you SO MUCH for doing this post!! It's incredibly helpful!! :)

    http://dreamliveandrepeat.blogspot.com/

    ReplyDelete
  23. Thanks so much Elle! This has been so helpful, definitely got this bookmarked incase I forget and it's needed in the future

    livinginterludes.blogspot.co.uk/

    ReplyDelete
  24. That is all fine and great but it makes your blog load time slower, which gives you a lower google ranking.

    ReplyDelete
  25. Thank you so much for sharing this! Honestly, I'll admit I didn't notice my photos weren't translating properly on my blog either, but I just tried out your trick and definitely notice a difference!

    ReplyDelete
  26. Here is a simple solution. This is what I use at least. When you finish editing your pictures save it in the actual size you want on your blog. For example if you want your picture to be 600 x 600. Save it at 600x600 and when you upload the picture to blogger just click original size instead of extra large. I hope you guys try it. Nice blog.

    ReplyDelete
  27. I'm exactly like you when it comes to looking up stuff online. I hope and pray that nothing happens to me and the police look at my internet search history because it looks super bizarre... I look up everything from VX gas to 18th century shoe buckles.

    Also, I know you're pretty invested in this platform, but when it comes to photos, you could be making life harder for yourself than it has to be by being on the Blogger platform. I switched out from blogger to self-hosted Wordpress years ago and it makes a huge difference. Wordpress's capabilities for handling photos give me so much less grief than Blogger. You don't have to worry about issues like that.

    ReplyDelete
  28. Am I reading this wrong. The first pictures look more detailed than the seconds. Am I just weird?

    ReplyDelete
  29. My favorite phrase is "Google it" - thanks for the info!

    ReplyDelete
  30. OMG this solved my problem!! thanks Elle :)

    ReplyDelete
  31. Thank you so much!!! It works!
    Happy new year!
    Patricia from www.rebelrosefashion.com

    ReplyDelete
  32. Thank you so much! I've been so disappointed with my photos for so long! It worked good!

    TERRIFACE | Fashion & Fitness blog

    ReplyDelete
  33. Awesome blog! Now In anticipation of a follow-up ….
    green coffee beans

    ReplyDelete
  34. I was having this issue too and your post was a life saver! Thank you so much for posting!

    www.sarakatestyling.blogspot.com

    ReplyDelete
  35. This helped so much! Thanks Elle :) x

    www.farfromperfectionxo.blogspot.co.uk

    ReplyDelete
  36. BRILLIANT! I've read so many of these posts today and they all told me to delete that number and that didn't work for me! So thank you this has finally worked! xx

    megan // meganpedicini.blogspot.co.uk

    ReplyDelete
  37. It's exactly what I was looking for! Thank you so so much, I was nearly at the point of giving up.

    ReplyDelete
  38. THANK YOU SOOOO MUCH! YOU HAVE SAVED ME SO MUCH WORK!

    ReplyDelete
  39. Thank you. I can see a huge different now

    ReplyDelete
  40. THANK YOU so much!!!!! I have been searching for something that works for forever and haven't been able to find anything to help, I guess I don't quite have the google skill you do ;). This definitely makes the difference I was looking for, thank you!!

    Style by Avery

    ReplyDelete
  41. THANK YOU!!! This is wonderful.

    Ana | shelearnsthings.com

    ReplyDelete
  42. How did I live without this? Thank you so much. I've tried everything. This is amazing.

    ReplyDelete
  43. I find that this helps them to look better on a laptop but not in the mobile version, do you know how to fix that? Thanks!

    ReplyDelete
  44. Thanks so much for laying it out plain and simple! Took me forever to find your post but so glad I did!!

    ReplyDelete
  45. Really it's a helpful post for us. Thanks for sharing a nice post with us.
    http://interiordesigncare.weebly.com/

    ReplyDelete
  46. Excellent post
    https://videographybloginfo.wordpress.com/

    ReplyDelete