Image Size Recommendations?

Question

0

Image Size Recommendations?

One Life Christian Church posted 6 Years Ago

I am working on trying to roll out my external site but sometimes I run into problems with the images for the ads and podcast/podcast series not being the right size.

Is there a "recommended size" for these images?

I looked through the documentation and can't find anything. Thanks!

Daniel Hazelbaker · Answer 1 · 2018-07-20T18:12-07:00

1

Daniel Hazelbaker replied 6 Years Ago

Hi Scott,

There is no recommended size in a global context. However, you should define your own recommended size and make sure everybody sticks to it. For example, your church might intend to use those images to fill most of the screen. While my church might intend most images to only fill a small thumbnail area. It just depends on how you plan to display them.

Having said that, I will make a recommendation. Pick a common aspect ratio and size. For example, 4:3 (1024x768 is an example of that), or 16:9 (1920x1080). So if you intend most things to be displayed in a 16:9 aspect ratio (this is the size of nearly all TVs and projectors now days), you might use 1920x1080 as the common size. Even if you are only going to display them at 640x360, which is still a 16:9 ratio, Rock can resize the images for you. Depending on how you display the images Rock will either do it automatically, or you might need to do it manually by appending a '&width=640&height=360' to the image URL.

In our case, we actually use both 16:9 and 4:3, which means we have a lot of duplicated effort. Many images have to be created twice. We did it with a plan (wide images in the home page rotator and then the smaller square images below). In hindsight I wish we hadn't done that but it will be awhile before we can revisit that to think about changing the design.

Edit Answer

Hi Scott,There is no recommended size in a global context. However, you should define your own recommended size and make sure everybody sticks to it. For example, your church might intend to use those images to fill most of the screen. While my church might intend most images to only fill a small thumbnail area. It just depends on how you plan to display them.Having said that, I will make a recommendation. Pick a common aspect ratio and size. For example, 4:3 (1024x768 is an example of that), or 16:9 (1920x1080). So if you intend most things to be displayed in a 16:9 aspect ratio (this is the size of nearly all TVs and projectors now days), you might use 1920x1080 as the common size. Even if you are only going to display them at 640x360, which is still a 16:9 ratio, Rock can resize the images for you. Depending on how you display the images Rock will either do it automatically, or you might need to do it manually by appending a '&amp;width=640&amp;height=360' to the image URL.In our case, we actually use both 16:9 and 4:3, which means we have a lot of duplicated effort. Many images have to be created twice. We did it with a plan (wide images in the home page rotator and then the smaller square images below). In hindsight I wish we hadn't done that but it will be awhile before we can revisit that to think about changing the design.

<p>Hi Scott,</p><p>There is no recommended size in a global context. However, you should define your own recommended size and make sure everybody sticks to it. For example, your church might intend to use those images to fill most of the screen. While my church might intend most images to only fill a small thumbnail area. It just depends on how you plan to display them.</p><p>Having said that, I will make a recommendation. Pick a common aspect ratio and size. For example, 4:3 (1024x768 is an example of that), or 16:9 (1920x1080). So if you intend most things to be displayed in a 16:9 aspect ratio (this is the size of nearly all TVs and projectors now days), you might use 1920x1080 as the common size. Even if you are only going to display them at 640x360, which is still a 16:9 ratio, Rock can resize the images for you. Depending on how you display the images Rock will either do it automatically, or you might need to do it manually by appending a '&amp;width=640&amp;height=360' to the image URL.</p><p>In our case, we actually use both 16:9 and 4:3, which means we have a lot of duplicated effort. Many images have to be created twice. We did it with a plan (wide images in the home page rotator and then the smaller square images below). In hindsight I wish we hadn't done that but it will be awhile before we can revisit that to think about changing the design.<br></p>

<p>Hi Scott,</p><p>There is no recommended size in a global context. However, you should define your own recommended size and make sure everybody sticks to it. For example, your church might intend to use those images to fill most of the screen. While my church might intend most images to only fill a small thumbnail area. It just depends on how you plan to display them.</p><p>Having said that, I will make a recommendation. Pick a common aspect ratio and size. For example, 4:3 (1024x768 is an example of that), or 16:9 (1920x1080). So if you intend most things to be displayed in a 16:9 aspect ratio (this is the size of nearly all TVs and projectors now days), you might use 1920x1080 as the common size. Even if you are only going to display them at 640x360, which is still a 16:9 ratio, Rock can resize the images for you. Depending on how you display the images Rock will either do it automatically, or you might need to do it manually by appending a '&amp;width=640&amp;height=360' to the image URL.</p><p>In our case, we actually use both 16:9 and 4:3, which means we have a lot of duplicated effort. Many images have to be created twice. We did it with a plan (wide images in the home page rotator and then the smaller square images below). In hindsight I wish we hadn't done that but it will be awhile before we can revisit that to think about changing the design.<br></p>

Save Cancel

Jim Michael · Answer 2 · 2018-07-20T19:06-07:00

0

Jim Michael replied 6 Years Ago

Daniel gives great advice. I would only add that if you really want to “get into the weeds” (in a good way) with your website images, you might check out the Cloudinary plugin from the Rock Shop. Cloudinary is a cloud service that lets you upload images once and then can resize them, intelligently crop them, do crazy effects to them, etc on the fly.

Question

0

Image Size Recommendations?

1

0