• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 115
  • Last Modified:

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!
0
Starr Duskk
Asked:
Starr Duskk
  • 2
  • 2
1 Solution
 
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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now