![]() ![]() When the picture has transparent elements, we should use.On the left and right of the image ( 285px on each side) the image should use a kind of background/ secondary content, to fill content on the FB wall.The main content should take up 630×630 of the centre of the image.The main content of the image, which will be visible on all social media, should be in the centre.Thanks to the information above, we can find a happy medium: Other social media sites use mostly either facebook’s approach or twitter’s approach, so there’s no need to analyze anything else Supported file formats are JPG, PNG, WEBP and GIF (in the case of GIF only the first frame of the animation will be visible as a photo).The photo is centred (if the photo ratio is not 1:1, the photo will be cut from the centre).The minimum resolution with which an image will actually appear is 144×144. ![]() Supported file formats are JPG, PNG and GIF (in the case of GIF only the first frame of the animation will be visible as a photo)Īn interesting fact is that the proportions differ for Messenger and FB itself, and so we are faced with the task of preparing an image that looks right in both of these.The photo is centred (if the photo ratio is not 1.91:1, the photo will be cut from the centre).The minimum resolution with which an image will actually appear is 200×200 (below that the image won’t be treated by crawler as an image to use for the card).The optimal resolution that should be used is 600×315 below these values, the photo will be visible, but it will not be displayed properly in the business card generated.Recommended resolution is at least 1200×630.The same image in Messenger should have proportions of 1:1 (e.g.What kind of image should be used for social media?įirst the cold hard facts: ideal image parameters (as per specifications) Facebook The photo, along with its name, is “saved” by the social medium (cached) – from now, for a period of one week (or so), FB will not consider updating the photo to a new one if it were changed.This seems to be a poor decision from FB, but there you have it. Interesting fact: as you can see in the image above, Messenger despite the fact that the picture that user is seeing is MUCH smaller, the photo used in the preview is of much larger dimensions. The photo is prepared in versions of different sizes (for various places it may appear on).The photos quality and size is processed and compressed.The photo is taken from the content of the site (First, from the tag “og:image/ twitter:image” then if it’s not found it’s being looked up heuristically).When the crawler visits a page, the following things happen: How do social media sites prepare images? In this way, the pages of our portal will never be guilty of looking below par. In cases we cannot provide a dedicated image, we should use the main site photo as a fallback: For the SEO article, an image relating to SEO topic.For the author’s profile page, an image of the author.Should use “og:image” images related to the content of the page itself, so taking the above examples we should provide: Meanwhile pages with content mostly unrelated to the website as a whole, such as: Since they relate to parts of the whole website, should have one main image: In an ideal situation, we should have one “og:image” image dedicated to the presentation of our portal on all the pages and subpages which relate to the site as a whole. Does each page of a website has to have a separate image? On the other hand, from a practical point of view, the difference in the appearance and thus the impact of social media links with photos in comparison to those that do not have them is so great, that if we care about the perception of our portal, having an og:image becomes a necessity. ![]() ![]() From a technical point of view, it is not necessary to have og:image tags on the page. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |