By Paul Murray on Thursday, 16 April 2015
Posted in Technical Issues
Likes 0
Views 823
Votes 0
hi SI Team

Is there some kind of rule of thumb, what is the best size (dimensions) for Blog images.
A size that will work well in EB3.9x & EB5
I am using the Wanderers template!

best

Paul
Hi Paul,

The size of the image is up to the user preference. You can try to experiment with the image size on your site to find the suitable size that fit your site the best.
·
Thursday, 16 April 2015 18:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Paul is there any way you can provide a cheat sheet with dimensions in pixels... there must be an exact dimension that will render the image perfectly on the area. Like facebook cover...
·
Thursday, 16 April 2015 21:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, hi

A Cheat sheet now that is a good idea!

Case study 01:

Using the Blog Image function in the EB3.9x back end:

http://finalbug.net/blog/entry/390-editing-a-documentary-in-fcp-x-part-01

The original image (FinalBUG-Edit-Documetary-TITLE.jpg) is 600 times 337

The Blog image is cropped top/bottom and stretched horizontally in two different ways!
This would be a disaster if I had something called a lower third!
http://en.wikipedia.org/wiki/Lower_third

On the post it self the image is 730 times 310.
http://finalbug.net/blog/entry/390-editing-a-documentary-in-fcp-x-part-01

On the Blog list view the image is 800 times 310.
http://finalbug.net/blog

Hence I decided OK 800 times X is probably a good number!

Case Study 02:

The original image (13042015-MC-UI-WEB9) is 800 times 448

The Blog image is cropped top/bottom however the width remains the same.

On the post it self the image is 600 times 375
http://finalbug.net/blog/entry/402-avid-first-in-the-works

On the Blog list view the image is 600 times 370.
http://finalbug.net/blog

The reason I wanted to try a width of 800 pixels is because it seems to be what works best for a Blog post on EN3.9 in wanders using the default EB template. Some how no mater what I do this never seems to match up!!!

Case Study 03:

Images for the post:

http://finalbug.net/blog/entry/400-edit-in-resolve-the-fcp-way-part-01

Are 800 times 490 and get pulled through from the Blog to the Blog list page because I am using JCE Extended Media Manager!

This is kind of the nearest that I can get to having images pretty much the same size. Most of the time.

Here is another case in point. Case Study 04:

http://finalbug.net/component/easysocial/profile/62/99-blog

Notice the aspect of the images!!!

Is there a future proof way of getting the following images to match up

a) Blog image header on Blog page
b) Blog image header on Blog list page
c) Images on a blog to match image header

And all of this with out either

a) Cutting off the top and bottom of an image as in case 01
b) Have different image widths for blog header image/images in post
c) Squishing the width (pinching an image) as in case 04

By future proof I mean a solution that does not change with EB5.
Sorry if I am a little frustrated but I am preparing 100s of images for some new blog posts and want to avoid unnecessary work!!!

I hope this makes some kind of sense?

Paul
·
Thursday, 16 April 2015 22:33
·
0 Likes
·
0 Votes
·
0 Comments
·
ps maybe this helps with respect to the aspect ratio thing!
·
Thursday, 16 April 2015 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Paul,

Thanks for sharing this.
·
Friday, 17 April 2015 11:31
·
0 Likes
·
0 Votes
·
0 Comments
·
subscribe++
·
Monday, 20 April 2015 08:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for heading up on this.
·
Tuesday, 21 April 2015 01:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, Hi

http://stackideas.com/blog/one-step-closer-easyblog5-alpha3-is-here

I would like to think that Thumbnail View Customisation might save us some of these headaches!
Still feel however that some guidelines from the SI team would be very cool.
In the current version of EB there are 20 themes and possibly 20 different best sizes for images.

Or am I missing something.
Is there a slider that sets the image to the best size for the current Blog Theme?
Now that would be a cool feature

Again in my world of 16:9 & 4:3 it is all about aspect ratio.
Combined with a constant look on all pages!
Below are 3 examples of 3 different results I have achieved.

The best are with JCE which I suspect will be unusable with EB5. See example 01.

And then example 2&3 are with different sized images.
My original images had the right aspect ratio.
I think that what happens is that if the image is too small it gets stretched up to the correct width and losses the top and bottom.
And if the original image is too big it gets squashed down but keeps the aspect ratio.

In the second and third example I am talking about using the built in EB "Select" Image function.

Also I have a feeling that there is some kind of rule for when a Blog image gets pulled from a Blog post and used as a preview image on the Blog list page.
Like after X number of words.


Here for e.g.:

http://finalbug.net/blog/entry/386-new-4k-cameras-at-nab-2014

And now we have EB 5 on the way and every thing is going to change again.
Please do not get me wrong I love change.
I just hope that this aspect of things gets better :-)

If I had a sound track for this problem it would be this here:

https://www.youtube.com/watch?v=VblBmb-_Jkc

As they say in the song, "it is all just so confusing"

Would love some tips on this one

just saying

Paul
·
Wednesday, 22 April 2015 16:32
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post