![]() ![]() Now you can add a meta tag to your HTML page telling Facebook to use a much larger image of 1200×900 pixels for example: The example below generated a 300×220 thumbnail that can fit well in a web page. In your web pages you might want to include a small thumbnail of the image. The image on the page can be a small thumbnail while the image you want to share on Facebook (using the the meta property URL) can be a full-size, high resolution or custom resolution image:įor example, the following hi-res (2464×1640) image was uploaded with the leather_bag ID. With Cloudinary’s dynamic image transformation, you can use the same original high resolution image and programmatically adjust it to be used anywhere. In addition, if you use a CMS that allows you to set a link to the image for your meta tag, you can simply fill it in with a URL for a high resolution image that is within Facebook’s required aspect ratio. Usually you would need two separate images: one for your site and one to share. Let’s say an image on your eCommerce site is too small to fit the requirements laid out by Facebook. This is particularly important for images in Facebook Ads as well as images shown on mobile devices. ![]() In order to boost your engagement in Facebook, for example, you need to comply with specific restraints, such as minimum image size and aspect ratio. In addition, social networks have specific requirements for images. The meta tag for Facebook defines a property named og:image in the header of your HTML page, other networks require the use of other property names, such as itemprop='image' for Google+. This can be counteracted by adding a meta tag to your post, allowing you to decide which one is used. Social networks usually guess which image to use as the cover according to resolution and page placement. Choosing the correct high resolution image Here are five ways in which images can be optimized for sharing on social networks:ġ. For example, you can display two pictures in a single image to show a comparison of people or products.Ĭloudinary allows you to easily solve all of these issues by enabling you to upload a single high resolution image and then adjusting it to build your social network snippet. You may want to create a different snippet of an image specifically for sharing purposes. This can be done by adding a watermark of your logo or simply a text overlay. You may also want to be credited for the image so it doesn’t get lost in the sea of web images or re-branded by someone else. The first is by giving Facebook access to a version of the image with a high enough resolution within Facebook’s required aspect ratio for maximum quality. There are a few ways to ensure that your image is shared in its optimal form. Therefore, it’s even more important that the correct image is displayed in the appropriate high resolution for the best look and feel of the content. Image quality and content is crucial to creating deeper user engagement, and ultimately, leads to more shares. Images on popular social networks like Facebook and LinkedIn play a bigger role nowadays and have more prominent placements within a post. While a text abstract is important, a piece of content’s featured image is even more so. This way, your site content gets maximum exposure in social networks and attracts additional visitors.īut, have you ever noticed that sometimes the content that you shared isn’t what you expected it to be, displaying the wrong featured image for a post, or if the correct image is displayed, its quality is subpar? Are you given credit for every image or piece of content that’s shared from your site? In this article, we list five ways to overcome these challenges and create a consistent user experience when sharing images on sites such as social networks. Once shared, the social network site displays a snippet of the shared content alongside a featured image. ![]() Many outlets such as news and media sites, social networks, or eCommerce sites include the option to “like” or “share” content such as blog posts or images. As a website/app developer or owner, you’ve undoubtedly experienced your fair share of glitches and mishaps when it comes to users or site visitors sharing your content. ![]()
0 Comments
Leave a Reply. |