I had a few people ask me about blogging + image balance the other week, so I thought I would talk a little bit about it. Believe it or not, there’s more to blogging photos than just uploading them to your post. A whole lot more, actually! With that said, here are some friendly reminders for you all :

PHOTOS ARE ATTENTION GRABBERS If you start off all of your blog posts with a paragraph block, I can guarantee you that you will lose some potential readers. Although you may be a talented writer and have a lot to say, images can grab somebody’s attention within a split second and expand curiosity. Text, on the other hand, requires reading, so it’s harder to quickly pull someone in without a visual. Really think about not only inserting an image first, but the quality / relevance of said photograph.

DON’T GO OVERBOARD You simply don’t need to share a million photographs per blog post. Pick out the best images to share that will get your point across and run with it. The attention span of most people nowadays ( and especially with so many blogs out there ) is shorter, so try your best not to overwhelm your readers. Share what feels appropriate!

BREAK IT UP WHEN APPROPRIATE This tip goes along with the previous one. If you are sharing a lot of photos at once, it’s totally okay to break it up with text if need be. For example, if you have a DIY or recipe, consider breaking up your photos with paragraphs that go along with what you’re talking about at that moment. Other bloggers, like photographers, like to simply share there imagery all at once, which is an instance where many photos make sense!

USE SAME WIDTH PHOTOGRAPHS One of the easiest ways to make your blog feel more professional is to make sure that every single photograph you are using is the same width and aligns with your text. That means, for example, that if your images are all 600 pixels wide, so is your text area. A streamlined and solid content area looks ten times better than something that is all over the charts.

HIGH QUALITY OR BUST And last, but certainly not least, the quality of the photos you’re using matters. I can’t stress this enough! Low res files = not professional blogging, it’s as simple as that. Remember, it’s all about aesthetic. Make your blog visually appealing, not appauling!

  1. xanthe says:

    I totally love this mood board and the colour palette, yum! Great tips too… x.

  2. Anait says:

    Hello! I love your blog (duh)! I was hoping you could do a tutorial on how you make your moodboards/mash ups like the one above. That would be super awesome!
    Thanks so much!
    X,
    A

    • bre says:

      Thank you! I’ve thought about doing tutorials like that, but I use adobe illustrator – a program which the average blogger doesn’t own. Most own photoshop. In that case, I would check out Pugly Pixel’s blog for tutorials! They cover photoshop basics. :)

  3. Aubri says:

    Hi!
    Thanks so much for this post. I’m in the middle of designing my new website and blog right now but I’m now thinking I need to make everything a bit wider so that my blog post photos/content will be 600 px wide. Right now it’s at 525 px but the more research I do it seems most people’s blog photo have a width of 600. What do you think?! Is that a deal breaker?
    Thanks!
    Aubri

    • bre says:

      Honestly, do whatever photo / text size you think is best. I personally enjoy (and use) 600px because it’s not too small or too big. I would say stick to 550-650 pixels and you’re good to go!

  4. Chloe Moon says:

    You are so right! I try to split up my posts by placing images appropriately between big paragraphs and images that relate to the topic! =) Great tips, thank you!

  5. Monica says:

    I hate running into posts that are bombarded with photos. Just a few is good enough, we don’t need 100! High quality or bust is a good one, too. The better the quality, the more interesting and captivating your images can be – especially when the photographer knows a thing or two about professional photography.

    M.

  6. Milynn says:

    Great tips! You are so right about breaking up text and photos, with well… text or photos. :) Having the same width photos also make a big difference to how the entire post looks.

  7. I wish I would have read your post a few months ago. When I started my blog I had no idea how important pictures were for a blog, I started with really small ones and then I mixed sizes, now I try to keep them the same size to fill the width of my content area. I have to say that Im still learning tricks and composing my own style. I love reading tips from talented bloggers, your boards and pics are so pretty!
    Xo. Elba

    • bre says:

      The importnat thing is that you’re doing same width everything now, which is GREAT! Your archives will always be your archives. Just move forward and you’re golden. :)

  8. Erika says:

    Breanna, this post was so helpful! Thank you! I have struggled with something that is probably simple to many. Sizing images to the width of the text area. I use Blogger and don’t know how to tell what the text area’s size is and how to resize images accordingly. I realize this is a pretty amateur question but any help would be appreciated! Thanks!

    • bre says:

      Thank you! Do you have a mac? If you do, you could take a contained screen shot (SHIFT + COMMAND + 4) of your text area. As you drag, it will tell you the numbers of the dimension you are dragging. There are easier ways, I’m sure, to look at your blogger’s code behind the scenes, but I’m not familiar with that platform!

    • Erika says:

      Oh perfect! Wow – so simple. Thank you, it worked!

  9. juliet says:

    Hi! As always, great and informative post! So, I also work in Illustrator. I learned on Photoshop, but it has been 3-4 years since using it so I am trying to re-learn it. So, when saving a photo at a high resolution, do you still use 72 dpi?

  10. Clau! says:

    It is great to find tips like this, thanks for sharing… I’ll share this link on twitter ;)

  11. Sarah says:

    Thank you so much for these tips! I’m still a newbie and am definitely struggling with formatting images among my text (especially since I haven’t yet sprung for a high quality camera (I need to prove my dedication to this to myself before I can budget that in!)).

    I think I might just be showing off my ignorance with this question, but I’m curious about making every image the same width. For portrait/vertical photos, do you just recommend formatting them so they’re next to other images in order to fill the width of the blog? In addition to killing the little quality they started with, I keep feeling like making my vertical photos so big that they fill the width of the blog makes them overwhelming…

    Thanks again for sharing your advice!

    Sarah

    • bre says:

      Hey Sarah!
      Good point. While some vertical photos look GREAT at full width, it can be overwhelming. Simply don’t do it all the time. I would stick with the vertical side-by-side trick in order to make it fit the width of your blog.

  12. Laura says:

    Thanks so much for writing this, Breanna! One of my pet peeves is visiting a blog post with 37 pictures to scroll through before finding out what the post is about. I think the sign of a great blogger is one who can edit!

  13. Chantelle says:

    I love this post. I sometimes click out of blogs when their images are all wonky and different sizes. I get anxiety…

  14. Kelly says:

    Perfect timing for me to find your post! I’ve been struggling with posting vertical photos at the same width as my landscape photos. The side by side idea is a great suggestion! Thanks so much!

    -Kelly

  15. The worst is when you change the blog design and want large images. Gah. Currently in the process of going through and resizing all the images! GREAT tips!

  16. Kait says:

    Great tips! I would love if you did a post in the future talking about collage best practices – all of yours are so beautiful!

  17. Petra says:

    Great post!

    I hate it when there are too many similar photos – something I see a lot on fashion blogs.

    Oh and I think you mean “appalling” :)

  18. Style Tutor says:

    Thanks for all the great tips and reminders. One thing I am currently frustrated with is keeping the quality of my photos once they have been imported to iPhoto or Photoshop. The images look crips and clean straight off the camera (imported at 72 dpi) and even after resizing/saving them for the web. However, once I put them on my blog (I use WordPress) they tend to look a lot less crisp and clean. Any suggestions or tips for tutorials?

  19. these are great tips! i love the layout :)

  20. […] Here are some fantastic tips regarding photo balance by the very talented Breanna Rose […]

  21. This is so awesome, and I could just stare at that gorgeous mood board all day… :) I can’t tell new bloggers enough to make sure their photos fill their whole post space & are the same width!! Best advice ever. :)

  22. Nicolette says:

    Do you know of a css that would aline the photos and text like yours? I have been searching and have been unlucky for anything this far!

  23. Alberta says:

    Hi Bre
    you are awesome!! Dou you save for web to jpg or png file? Thanksss :-) bjs

Sorry, the comment form is closed at this time.