kirkroberts

Try making the image 100% width (not auto) and use object-fit: contain. Basically you're making the img "canvas" fill the space and then the image itself is contained proportionally within the canvas. Good luck!

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

Page Settings > SEO > SEO Title is the likely culprit. Paul's examples included that but I thought it might be helpful to call it out specifically.

@alfredomoraphoto The images are shown in a "window" that has certain proportions. With cropping off the images "fit" into that window. If you have a mix of horizontal and vertical images you may want to make the "window" be a square (1:1).  The main issue with using the square is if you have any square images they will look HUGE compared to the horizontal and vertical ones. Or it may be that another proportion generally fits your images better. 

That is often one of the first things I fix for people when they ask me to help with their Squarespace site. I agree that it shouldn't have to be fixed! Just like the default image data in sitemap.xml. These seem like simple improvements that would positively effect a huge number of websites so they "just work" better for people. Why are they not implemented is quite a mystery.

The squarespace-generated sitemap.xml shows image data, which is good. What is not good is that it inserts the default title and caption for those images: "Make it stand out" and "Whatever it is, the way you tell your story online can make all the difference."
Those default values are not present to be edited in the Image block when used in the default Design mode. You have to change to a new Design style, remove the defaults, then change it back to the original Design style. This might be an acceptable workaround for a few images. The site in question has 522 images and counting. That is a lot of making it stand out.
Proposed solution for Squarespace: when generating the sitemap.xml file if an image has the default title or caption text do not include them. I feel confident that no one will want "Make it stand out" or "Whatever it is, the way you tell your story online can make all the difference." as their image title and caption, respectively. And they pollute the SEO for the website. So simply omit them from the sitemap.xml.
Please, Squarespace. Make this happen. It should be an easy couple of conditionals in your generation script. Thank you!
Past thread on this, 1.5+ years ago: 
 

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

Just had another "live chat" experience with Squarespace, asking for an update on progress with this issue (just had e-mails from more angry customers unable to download their purchased products today).  The first response was "This is something on Google's end that they control and Squarespace has no control over what Google will flag".   I then mentioned that I have colleagues/competitors who are using other platforms (Shopify is one that I know of) that have NO issues with Chrome users downloading zip files.   Also, my current "workaround" is to manually send my customers their purchased zip files using either DropBox or WeTransfer, and they have no problems downloading the same zip file with Chrome using those services.   The chat representative said this was "new information" (that Chrome worked fine on other platforms), and promised to escalate the issue to a "Product Specialist".   He promised I would hear something back from the P.S. within a few days.   Fingers crossed (but breath NOT held)!

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

Fixed this!
You have to add the following to your each <item> in your XML
<guid isPermaLink="false">https://YOURSITE.squarespace.com/YOUR-ARTICLE-URL</guid> Then it will import - then go into PAGES and then REFRESH your browser - you'll see the content greyed out under NOT LINKED.

Oh you legend thank you so much!

You could try this in your Custom CSS:
.eventlist .eventlist-button, // all sqs event buttons, including any future buttons .eventlist--past .eventlist-button // just the past buttons { display: none !important; } If that doesn't work, share the URL of the page in question so we can see what you're working with.

The squarespace-generated sitemap.xml shows image data, which is good. What is not good is that it inserts the default title and caption for those images: "Make it stand out" and "Whatever it is, the way you tell your story online can make all the difference."
Those default values are not present to be edited in the Image block when used in the default Design mode. You have to change to a new Design style, remove the defaults, then change it back to the original Design style. This might be an acceptable workaround for a few images. The site in question has 522 images and counting. That is a lot of making it stand out.
Proposed solution for Squarespace: when generating the sitemap.xml file if an image has the default title or caption text do not include them. I feel confident that no one will want "Make it stand out" or "Whatever it is, the way you tell your story online can make all the difference." as their image title and caption, respectively. And they pollute the SEO for the website. So simply omit them from the sitemap.xml.
Please, Squarespace. Make this happen. It should be an easy couple of conditionals in your generation script. Thank you!
Past thread on this, 1.5+ years ago: 
 

The squarespace-generated sitemap.xml shows image data, which is good. What is not good is that it inserts the default title and caption for those images: "Make it stand out" and "Whatever it is, the way you tell your story online can make all the difference."
Those default values are not present to be edited in the Image block when used in the default Design mode. You have to change to a new Design style, remove the defaults, then change it back to the original Design style. This might be an acceptable workaround for a few images. The site in question has 522 images and counting. That is a lot of making it stand out.
Proposed solution for Squarespace: when generating the sitemap.xml file if an image has the default title or caption text do not include them. I feel confident that no one will want "Make it stand out" or "Whatever it is, the way you tell your story online can make all the difference." as their image title and caption, respectively. And they pollute the SEO for the website. So simply omit them from the sitemap.xml.
Please, Squarespace. Make this happen. It should be an easy couple of conditionals in your generation script. Thank you!
Past thread on this, 1.5+ years ago: 
 

Here is a JavaScript solution for anyone who wants/needs it. As Paul mentioned, you must be on at least the Business plan to use this.
https://kirkroberts.com/blog/automatically-add-view-event-buttons-to-a-squarespace-7-1-events-page-20220518

Here is a copy/paste JavaScript solution to add View Event buttons automatically, if you are on at least the Business plan: https://kirkroberts.com/blog/automatically-add-view-event-buttons-to-a-squarespace-7-1-events-page-20220518

You have to slide the colour from full strength down the gradient to 0 opacity.

For those working on a 7.0 template in the Brine family this Custom CSS might get you going:
// product index .ProductList-image, // product quick view .ProductItem-gallery-slides-item-image { height: 100% !important; left: 0 !important; object-fit: contain; object-position: center center; top: 0 !important; width: 100% !important; } It should make the image take up as much space as possible within your chosen product index image size, without cropping the image at all.
It also works on the Quick View, if you have that enabled.
Note that you can adjust the "object-position" to dictate how the not-cropped image aligns in the "box" created by the Styles setting for product index page images.

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

For those working on a 7.0 template in the Brine family this Custom CSS might get you going:
// product index .ProductList-image, // product quick view .ProductItem-gallery-slides-item-image { height: 100% !important; left: 0 !important; object-fit: contain; object-position: center center; top: 0 !important; width: 100% !important; } It should make the image take up as much space as possible within your chosen product index image size, without cropping the image at all.
It also works on the Quick View, if you have that enabled.
Note that you can adjust the "object-position" to dictate how the not-cropped image aligns in the "box" created by the Styles setting for product index page images.

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.

I know this is a year+ after the initial request but in case anyone else lands here like I did...
I've found the easiest (and best-performing) way to do this on a 7.1 site is to hide the blog post title and recreate the title in the body of the post using a Heading 1. This gives you lots of flexibility to put an image, video, or any other block (or blocks) above the post title. Even columns! It also enables you to have a different title on the index page / summary blocks versus on the post page itself, should you want to do that.
My experimentation with moving the title or image with JavaScript always had just enough "jump" to it on page load as to be undesirable. Using CSS and a little content duplication is rock-solid and hugely flexible.
Add this to Custom CSS to get the effect on ALL blog post pages site-wide, preserving the ability to edit the title in Edit mode. This does not account for the categories, as that wasn't in my requirements.
.blog-item-title { display: none; // show the "real" title when in Edit mode .is-expanded & { display: block; } } Hope that helps someone.