Developer Product Thumbnails Scale Incorrectly

[DataBrain (Amber)]

Issue Type: Display
Impact: Moderate
Frequency: Constantly
Date First Experienced: 2021-03-07 00:03:00 (-07:00)
Date Last Experienced: 2021-05-06 00:05:00 (-06:00)

Reproduction Steps:
See: Developer Product Icon is Scaled Wrong (I reposted this as a bug report since the OP seems to be in the wrong category)

Create any square image and set it as the image for a developer product. It will be inset and squished when it is displayed to the user.

For example, this, a 256x256 blank image

will become this

Expected Behavior:
I would expect all dev product images to fit the whole square rather than being squished into this weird aspect ratio with an ugly white background.

Actual Behavior:
Any square dev product icon will be squished

Workaround:
If you upload an image that has a 3:2 aspect ratio instead of a 1:1 aspect ratio, it will be squished to a normal size. For example:

ᵃˡˢᵒ ᶦᵗ ʷᵒᵘˡᵈ ᵇᵉ ⁿᶦᶜᵉ ᶦᶠ ᵗʰᵉ ʷʰᶦᵗᵉ ᵇᵃᶜᵏᵍʳᵒᵘⁿᵈ ʷᵉʳᵉ ᶜᵒᵐᵖˡᵉᵗᵉˡʸ ʳᵉᵐᵒᵛᵉᵈ ᶠʳᵒᵐ ᵃˡᵖʰᵃ ᶜʰᵃⁿⁿᵉˡ⁻ᶜᵒⁿᵗᵃᶦⁿᶦⁿᵍ ᵖʳᵒᵈᵘᶜᵗ ᶦᶜᵒⁿˢ

[gigagiele]

Thanks for the report! We’ve filed a ticket to our internal database and we’ll follow up when we have an update for you.

[huaraz]

Greetings! The behavior for developer product thumbnails has been updated to behave as follows:

• If a square image is uploaded, the resulting developer product thumbnail will be square and appear with no white padding.
• If a non-square image is uploaded, the original image aspect ratio will be maintained but white padding will surround it to make it a square and fit snuggly in the product purchase module.

A couple caveats:

• The change is not retroactive. Existing developer products will appear as they currently do.
• If an image is uploaded that has already been uploaded prior, it will still behave as it did prior.