source image size?
Permalink
Hello:)
Elemental theme.
When we upload an image, C5 fantastically resizes it to fit various device widths sm, md and lg.
Is there an optimal size for the source image to be uploaded?
In other words, what size should I make the uploaded source image?
2) does C5 optimize the source image before creating the thumbnails?
low tech
Elemental theme.
When we upload an image, C5 fantastically resizes it to fit various device widths sm, md and lg.
Is there an optimal size for the source image to be uploaded?
In other words, what size should I make the uploaded source image?
2) does C5 optimize the source image before creating the thumbnails?
low tech
@MrKD
I'm ok with optimization.
I'm used to working with a fixed (img)size site
Now using a responsive site it seems I have to download larger than needed images. I guess there is a trade off somewhere here.
for example
I have 4 images lined horizontally
each div view about 345px
but each image being loaded on my notebook is 940px ie a 'md' image
In the Elemental theme, images are resized to sm 740, md 940, lg 1140
so I guess I will always end up with one of those depending on device.
but I never display a big image so do I need to change the code on where my images are resized and find a balance there?
LT
I'm ok with optimization.
I'm used to working with a fixed (img)size site
Now using a responsive site it seems I have to download larger than needed images. I guess there is a trade off somewhere here.
for example
I have 4 images lined horizontally
each div view about 345px
but each image being loaded on my notebook is 940px ie a 'md' image
In the Elemental theme, images are resized to sm 740, md 940, lg 1140
so I guess I will always end up with one of those depending on device.
but I never display a big image so do I need to change the code on where my images are resized and find a balance there?
LT
@lowtech
For your example, the images are 345px wide in the md breakpoint. Often for smaller breakpoints, images will stack vertically and require a larger image size.
I would go through the different breakpoints and find the largest size of the image required. You could then try using that largest size as your default when you upload for that area/block.
For your example, the images are 345px wide in the md breakpoint. Often for smaller breakpoints, images will stack vertically and require a larger image size.
I would go through the different breakpoints and find the largest size of the image required. You could then try using that largest size as your default when you upload for that area/block.
@MrKD
Images always seem to give me trouble.
Will play around with the breakpoints and image sizes.
Thanks for advice
LT
Images always seem to give me trouble.
Will play around with the breakpoints and image sizes.
Thanks for advice
LT
"Is there an optimal size for the source image to be uploaded?
In other words, what size should I make the uploaded source image?"
I think the best recommendation would be to upload images no bigger than what you need them for. This along with optimizing images and making a performance budget will make your site lighter and faster loading.
"does C5 optimize the source image before creating the thumbnails?"
Images are very lightly compressed by concrete5. The default JPEG image compression used is 80% (which is very low). Before uploading images to concrete5, it is recommended to optimize them first.