hey pierre,
the reason for this to happen is because in your easyblog settings at easyblog backend -> themes -> ja sugite -> blog images you have chosen the method "resize to fill". therefore the system is exactly doing this - it fills the width http://screencast.com/t/eQIbHIQe2b

you might want to check the other 2 available options resize within / resize fit and see if that fits better for you.
hope that helps and have a nice day

Hello,

thank you very much for your anwser.
Yes it helps very much (sorry we just begin with EasyBlog).

But is there a way to "resize to fill", and keep the ratio ? Maybe to put the "0" for the "height"...? (We just tried and it change nothing)

We just also tried the 3 possibilities (resize to fill, resize within, resize fit),and nothing is changing... very strange. (all caches are cleared).

Regard.

hey pierre,
no worries - we're here to help you out.

in case you checked the post that you added in the optional details then you won't see any differences after changing these values because the inserted images are not "blog images" but were inserted right into the text, therefore these rules don't apply.

talking about that particular post from checking the codes this is what happens:
the pic has an original size of 500x341px - easyblog applies sizes for the width of 100% therefore it gets streched while the 341px in height are not touched. the end result is a pic of 1000x341px which is blurry.

now there are 2 options:
1) we can make the height auto, so when the 500px width is doubled to 1000px the height also gets doubled from 341px to 682px so it keeps it's proportion and still fills the whole width

2)we keep the original size of the photo with 500x341 without stretching the photo at all.

just let me know which way you'd prefer and then I can tell you the code to implement - alternatively you can add your ftp details then I can apply them directly for you.

hope that helps and have a nice day

Hello,

it's pretty rare to have a help of this quality and so fast. Thank you.

So ok I understand very well. Thank for your very clear explanation.
And is it possible to have the code for both options (1 and 2, both are responsive ?). I want to test by myself and choose what it'll be the best...

Regard.

Hello,

thank for the great tip.
"option 1" - always full width" is working great
"option 2" - original size is not working ! It is like the "option 1"

And I'm a designer to, and I totally agree with your reflexion about the

small tipp from me as a designer: if you go for the full-width option make sure you use big images, otherwise even while keeping the ratio the quality of the image won't look good because jpg etc. (raster images) get pixelated when zooming / enlarging.

Regard.

hey pierre,
usually option 2 should work fine - however at your end the chosen ja sugite easyblog theme is applying the width: 100% and that's why the codes don't fully apply.

however, try this one instead for option 2 and let me know how it goes:

#ezblog-body .blog-text img, #ezblog-body .blog-content img {

width: auto;

max-width: 100%;

height: auto;

}

it should look like this then (taken from your example post): http://screencast.com/t/Gq717lpwa

Hello,

it still doesn't work. I really don't know why.

So I tried this :

#ezblog-body .blog-text img, #ezblog-body .blog-content img {

width: auto !important;

max-width: 100% !important;

height: auto !important;

}

And it is not working too.

Very strange... Maybe if you have a other idea...

Regard.

hey pierre,
please add your ftp details, then I'll take care of it

edit: just looked at your site and the styles are already applied and working fine - if you don't see them at your end please clear the cache

Hello,

I just put all the access informations.

Regard.

update : ok now it is ok. I forgot my browser's cache

no problem pierre, good to hear that everything's working now

Excellent. Thank you so much.

A last question : is it possible to have the images inside the article like actually, and the one "image blog" set to "resize to fill" ?

I just made some tests, but it doesn't work. Maybe it is impossible.

Regard.

can you share a link where you're using a "real" blog image right now so that I can check this out?

Yes, I made the test on the same page (see URL below).

Regard.

hey pierre,
it's already working as it should

to demonstrate I replaced your blog image with a very small image - that of course now looks real bad - to show you that the settings I talked about in the very first post at "blog images" already apply. in there you can change the values as well to make it fit your site.

hope that helps and have a nice day

Ah ok, I understand now.
I think it is not working because it is not justified... see my screenshot for more understanding.

Regard.

hey pierre,
it's working absolutely as it should if you look at it on a smaller screen you'll see it: http://screencast.com/t/lWzGpJPa

the reason there is some space in your pic is that your space is larger than 848px while in your settings you specified this 848px as the width of the image: http://screencast.com/t/NC5pYan4

perhaps you want to play a little bit with these options and find out what best fits your site - but as you can clearly see everything's working exactly as it should

Ok, thank you so much for the great explanation and for your help.

Regard.

Hello dieudonne pierre,

Glad to heard your issues resolved.
Thanks Alex sharing on this