Grow your CSS skills. Land your dream job.

What is the best location for images in a post article?

  • # August 17, 2014 at 5:31 am

    What is your opinion on the placements of images within the article? , I read some places that putting a small image next to the introductory text is custom practice since it allows the reader to see a smaller block of text before diving into a larger sentence of characters. Yet other places I see just the articles featured image above the Main article title , and some places below the main article title. Usually I noticed just one picture per article. What do you think is best and why ? And is one picture better then 2 ?

    This is a random article on my website so you can see the format so far:

    http://iamdentistry.com/archive/dentistry/bad-tooth-habits-watch/

    # August 18, 2014 at 2:09 am

    In my Opinion this is purely situational.

    The featured Image on Top helps to know where you are.

    You clicked on the preview with the image and now its on top of the page. So that is where you are.

    Images within the text are either at the place where there Content is adressed (e.g. a Chart, a Person, etc.), or they are used to ease up huge blocks of text.

    At the End is if you wanna give multiple examples of something that the reader can look at after he acquired the knowledge by reading the article (perhaps something like “Enviromental Friendly Cars and what systems their are. At the end you might have 10 pictures of the Top 10 Enviromental friendly cars).

    So what you use is up to you and the situation.

    Greetings Kingslayer

    # August 18, 2014 at 8:21 am

    I see, whats your opinion on this image layout http://iamdentistry.com/archive/dentistry/the-chemistry-of-bad-breath/

    # August 18, 2014 at 9:14 am

    Looks fine to me, typical example of easing up blocks of text with an image. (dont like the huge dropshadow, it does nothing for the image imho.)

    # August 18, 2014 at 9:19 am

    I added the drop shadow so the article as a whole looks more stylish. Is this not being achieved with the image effect I added ? Should I not add image effects to the images in my articles, I thought it showed more effort and looked nicer ,but maybe its not lol ?

    # August 18, 2014 at 9:26 am

    Hey, man. In your other thread, I suggested to read up on studies for image placement for articles. At the very least I think you should do that.

    # August 19, 2014 at 9:47 am

    Hi, your right. I did just that yesterday (a study by Ogilvy ) . I redid the picture layout in this article following the things I learned, what do you think? http://iamdentistry.com/archive/dentistry/the-chemistry-of-bad-breath/

    # August 19, 2014 at 9:51 am

    You need to add equal space between the intro text and the image.

    Also, you should find images that are at least the width of your article.

    # August 19, 2014 at 12:21 pm

    Ok I expanded the width of the featured image and I tried matching the spacing between the image and intro-text, does it look better now ? Thanks for helping me

    # August 19, 2014 at 12:53 pm

    @ian-izaguirre001 Yes but it seems the first two paragraphs in the article should be combined as the intro.

    # August 19, 2014 at 3:07 pm

    I just did that change, … anything else ?

    # August 19, 2014 at 3:43 pm

    About the Author and Related Posts headlines need to have spacing between the text and underline. I believe I mentioned this before. Also, the second image on related posts seems to be unequal to the rest.

    I still think the article question compared to the article source and tags are a bit whacky. I would still rethink some of that.

    # August 20, 2014 at 11:52 am

    @Chrisburton ,

    About the Author and Related Posts headlines need to have spacing between the text and underline.

    Ok I just added that

    Also, the second image on related posts seems to be unequal to the rest.

    Still working on resizing all featured pictures

    I still think the article question compared to the article source and tags are a bit whacky. I would still rethink some of that.

    Ok I gave this another attempt, Do you think it looks better now with the color change since it matches the tags and the color change of the question doesn’t make it look out of place but its still noticeable with its font weight.

    http://iamdentistry.com/archive/dentistry/the-chemistry-of-bad-breath/


    And I am reshaping my other articles to match this new style but I noticed something that I am uncertain of. Comparing this article :

    http://iamdentistry.com/archive/dentistry/the-chemistry-of-bad-breath/

    To this article : http://iamdentistry.com/archive/dentistry/how-to-increase-dental-practice-income/

    I noticed that when I reshape the pictures in Photo shop to match the 744 width, its easier to find large pictures to fit this requirement but its almost impossible to get all my pictures to match a height of 360px for the intro picture. So would it be odd to have all my article intro pictures show the same width but display a different height ?

    # August 21, 2014 at 5:43 am

    Let me get back to you on this, if you don’t mind.

    # August 25, 2014 at 7:20 am

    @Chrisburton , Ok

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".