Collection image dimensions

Highlighted
New Member
10 0 0

Does anyone know the exact sizes for the collection image? I want to make a perfect fitting image on canva.com 

0 Likes
Highlighted
Shopify Partner
285 1 28

Hi, Joshua!

If you are open to an app suggestion, then this one will export the Image Width and Image Height fields for images of Collections and Products.

https://apps.shopify.com/excel-export-import

Maris

Excelify.io | Bulk Import Export Update Migrate | https://excelify.io
0 Likes
Highlighted
New Member
10 0 0

I don't understand... You sent me an excel related app. I really want to know the collection page dimensions so I can make my own backrounds for my collection pages on canva.com

0 Likes
Highlighted
Shopify Partner
285 1 28

Sorry, I maybe misunderstood what you are looking for.

I thought you can export your Collection to Excel and look into the Image Width/Height columns for the collection images. That way you could find out image dimensions of an existing collection image and will be able to fit that image into the size of your "perfect fitting image".

But I realize that if you don't have ANY image yet for the collection, then you don't need existing image dimensions, you need the dimensions that are required in that place, in that theme.

I guess this question is best asked then the author of that theme.

Maris

Excelify.io | Bulk Import Export Update Migrate | https://excelify.io
0 Likes
Highlighted
New Member
9 0 0

That is a pitiful response.  

0 Likes
Highlighted
Shopify Partner
1665 52 192

@Roy23 wrote:

That is a pitiful response.  


It was a legitimate response even if you dont understand the context of the TWO answers to a loosely formed question about trying to get such data out of shopify to then be put into another system and that was BEFORE width and height were added to image objects in liquid for use in templates.

 

If you need the size of an image on a website: on desktop try right clicking in chrome browser and opening the image in a new tab the dimensions will be part of the tab name.

If you need the size of an image in the context of it's display on a website: on desktop using chrome browser press F12 to open developer tools, then ctrl+c to active inspector selector to examine the layout of the page and figure out your sizes. Though note without and understanding of CSS your display sizes will affect numbers given.

 

If you need to get the size of an image in liquid height and width are now available on image objects

For example in a collection template try, then navigate to a store collection you've added an image to via the admin :

 

{{ collection.image.width }}

 

 

Problem Solved? ✔️Accept the solution so you can help others.
Confused? Busy? ? Get me to solve it paull.newton+shopifyforum@gmail.com.
Buy me a coffee? ☕ paypal.me/paulnewton or donate to eff.org
1 Like
Highlighted
New Member
1 0 0

Did you actually get a usable response to your question?

All information points to it being square bigger than 2mb and smaller than 20mg.

 

Cheers

0 Likes