How to use meta image tags for full size image

I am trying to use an image meta tag so I can paste links in facebook and discord and have the description and image show.

I have added these tags:
<meta itemprop="image" content="http://blam.me/Blam/Images/20171203120252_1.jpg" />
<meta property="og:image" content="http://blam.me/Blam/Images/20171203120252_1.jpg" />

Open in new window


I also have this on my default page:
    <meta itemprop="url" content="http://blam.me/Blam/Images/20171203120252_1.jpg" /><meta itemprop="height" content="864" /><meta itemprop="width" content="1536" />

Open in new window


When I paste in Facebook, nothing happens.

When I paste in discord, I get this:
pasting in discord
But when I paste this url for someone else in discord, it shows a nice big image.
http://www.player.one/ark-survival-evolved-aberration-dlc-guide-how-tame-new-dino-122370

I tried to copy what they did in the source code with the meta tags, but can't seem to get mine full size.

other site
What do I need? thanks!
LVL 2
Starr DuskkASP.NET VB.NET DeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Lucas BishopClick TrackerCommented:
Try using an image that is sized at a 4:3 aspect ratio and also png format.
0
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
i did change it to png. Wasnt certain what you mean by 4:3 aspect. If you just wanted the size to be 4 to 3 ratio, or if you wanted me to use a specific command.

it still creates a tiny image.
0
Lucas BishopClick TrackerCommented:
Yeah, try changing the image size to be a 4:3 ratio. Here is an aspect ratio calculator:
https://calculateaspectratio.com/

For reference:
aspect ratio
Also, when you are testing this, make sure you are changing the name of the file, because Discord caches these images and can keep re-using the old version.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
yes, but when you say change the image size, you're not talking about an HTML command, you're talking about the actual image height and width? No specific command to use?
0
Emil SjöbergCommented:
I have tried various sizes and aspect ratios. I have followed the exact same pixel ratios as websites that do work, without success. So we can exclude that being the issue. There has to be something else. I have also tried to have various description sizes etc.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
meta

From novice to tech pro — start learning today.