Search Console; Image size is smaller than recommended size.

Please share the URL of an AMP page that is being warned about. If the image is too small, then the only way to get rid of the warning is to upload a larger version, as far as I know.

Sure, the site is https://beroepen.nl/ and you can see it on for example on https://beroepen.nl/verschil-psycholoog-psychiater/

So do I get this right:
1. I upload a bigger image (with the right width)
2. Make sure the theme doesn’t publish the bigger size and reshapes it with css

Correct? Or is there some function I don’t know of where I can add a bigger version and the AMP get’s that one instead?

Hi. The theme image sizes and CSS doesn’t matter. The metadata will always use the full size image that you uploaded.

On https://beroepen.nl/verschil-psycholoog-psychiater/amp/

In the page source you can see (with formatting):

{
    "@context": "https://schema.org",
    "@type": "Article",
    "author": {
        "@type": "Person",
        "name": "Maria Van Dijk"
    },
    "dateModified": "2019-02-05T09:56:50+00:00",
    "datePublished": "2019-02-05T08:04:05+00:00",
    "headline": "Wat is het verschil tussen Psycholoog en Psychiater?",
    "image": {
        "@type": "ImageObject",
        "height": 321,
        "url": "https://beroepen.nl/wp-content/uploads/2019/02/verschil-psychiater-psycholoog.jpg",
        "width": 982
    },
    "mainEntityOfPage": "https://beroepen.nl/verschil-psycholoog-psychiater/",
    "publisher": {
        "@type": "Organization",
        "logo": {
            "@type": "ImageObject",
            "height": 60,
            "url": "https://beroepen.nl/wp-content/uploads/2017/05/beroepen.png",
            "width": 197
        },
        "name": "Beroepen.nl"
    }
}

So the image being served is https://beroepen.nl/wp-content/uploads/2019/02/verschil-psychiater-psycholoog.jpg which is too small.

Is this the original image you you uploaded?

Hi Weston, thank you for helping out. Yes, this is the original image I used, as it’s the exact size used in the theme (loading speed is reduced this way?).

The theme should be defining an image size for that featured image area. You should be uploading a full size high resolution image and let WordPress resize the image down for the various places the image is used in the templates.

Hi Weston, I understand. Could you give me the size that I should upload, so AMP and the theme displays a proper image and without errors?

Please see https://developers.google.com/search/docs/data-types/article

Images must be at least 1200px wide.

Dear Weston,

I have added an image to one of the blogposts, with the width of 1200 (https://beroepen.nl/verschil-psycholoog-psychiater/amp/) is this now correct according to search console?

In the css I do see this:
element.style {
width: 1024px;
}

The CSS doesn’t matter here. Search console only looks at the application/ld+json script in the head. Verify the dimensions there.