Meta Link is a way of accessing and generating images on demand without using any fancy tools. You only need to
edit your HTML code. Add a few magic links to your `<head/>` and you are good to go.

![Automatic blog post generation for social media](/docs/automatic-cover-generation-for-blog-posts.jpg)

## How to configure?

Configuration is simple and does not require any special skills nor WordPress plugins.

1. Open Wordpress admin panel
2. Expand Appearance menu on the left side
3. Open Theme Editor
4. On the right side choose 'header.php' file
5. Paste your configuration code into editor
6. Click 'Save changes' on the bottom


![Wordpress: Automatic Social Image Previews](/docs/instructions/wordpress-automatic-social-image-previews.png)

> Configuration code must be pasted between `<head>` and `</head>` tags.


## Test configuration

Open our [Open Grap Preview Tool](https://renderform.io/tools/twitter-card-preview-tool/) and paste url to your
blog post and see if the image is correctly generated.


### General Meta Link Example
```html
<head>
  <meta
    property="og:image"
    content="https://get.renderform.io/og/TEMPLATE_ID.jpg?url=YOUR_BLOG_POST_URL">
  <meta
    name="twitter:image"
    content="https://get.renderform.io/og/TEMPLATE_ID.jpg?url=YOUR_BLOG_POST_URL">
    
</head>
```


### Resources

- [Documentation: Dynamic og:images](/docs/general/dynamic-og-images/)

Dynamic Social Images for Wordpress


Blog post covers are the first thing a visitor sees before deciding to read your content. A good blog post cover will intrigue the visitor and compel them to click on it.

You might think that designing a blog post cover or header is just about picking the right font or image. But there's more to it than that. We have prepared five tips for creating great blog post covers.

## Why are blog post covers important?

The blog post cover is the first thing that the reader will see. It should be attractive and intriguing enough to make them want to click on it and read on.

The cover provides a preview of what the blog is about and what the reader can expect from it. If it doesn’t intrigue them, they won’t read any further.

The cover also sets the tone for the blog post and will define how readers perceive your content up front - whether they think your content is serious or light-hearted, for example. A good blog post cover should be clear, concise, and show exactly what you are talking about in your content.


![example blog post cover](/blog/perfect-blog-post-cover.png)

## What makes a great blog post cover?

A blog post cover is the first impression of your blog and should reflect the content and style of its content. A good blog post banner reflects your personality, taste, and branding and should draw people's attention by being catchy, colorful, and attractive.

The most important aspect in designing a blog post cover is to be consistent with the tone that the blog is trying to portray. Make sure that the headline title works well with the pictures, colors, background, and most importantly, with your blog post content. 

Imagine seeing a nice blog post cover with rose-colored palette, delicate heading and title, and then reading the blog post about metal music or a fantasy book. That wouldn't work!

## Tips & Tools for creating great blog covers

Below are some tips for creating nice-looking blog post covers. Check how you can improve the click rate and performance of your blog with well-fitted covers.

![online blog cover editor](/landing/template-editor.png)


### 1. Strong and compelling title or headline

A strong headline will catch the reader's attention and make them want to read more of your content. Since the title or headline is what gets people to click on your content, it is essential that you make it strong and compelling. **It should reflect what your blog post is about and entice people to click on it.**

The rules for how to create a compelling title are quite easy:

- Make it relevant and appropriate for your target audience
- Put in some **keywords** that relate to the blog post topic
- Put in numbers (ex: "5 ways...")
- Try using some words like “best”, “simple”, “ultimate”, etc.
- Make it **readable** and visible at first sight

![blog post cover](/blog/post-cover-deepl.png)


### 2. Colors and background

The cover of your blog post is the first thing people see. That's why it's crucial to choose the right colors and background for your blog post cover so that it stands out when they scan through their social media feed. The background also has a big impact on the mood of the viewer.

One of the most popular ways to create a contrasting, yet still harmonious, **color palette for your blog post** is with complementary colors. This means that you are choosing colors that are opposite to each other on the color wheel. To make it easier, there are many **color mixing tools** online which will help you choose your perfect palette for your blog post by using different methods and approaches

Here are a few helpful tools you can use to create a visually appealing cover:
- **Color** mixers online: You can use a color mixer tool online free to generate new color combinations for your blog post covers (for example, [Coolors.co](https://coolors.co) or [Color Hunt](https://colorhunt.co)).
- **Backgrounds**: Use a background generator app to find high-quality backgrounds for your images that will make them pop. For **image background**, search for perfect pictures on [Unsplash](http://unsplash.com). Also, remember that sometimes simpler is better, so try using a plain background or **simple geometric shapes**. Tools we can recommend are [Trianglify.io](https://trianglify.io) or [Haikei](https://app.haikei.app).

![blog post cover image](/blog/post-cover-blue.png)

### 3. Font and typology

Choosing the right font for your blog post cover is an essential step in capturing your audience's attention. You can use a variety of fonts to convey different messages, but try to select one that matches the theme of your page. Here are some popular fonts for blog post covers:

- Roboto
- Merriweather
- Bebas
- Raleway
- Futura
- Lobster

![blog post cover font examples](/blog/blog-post-template-font-examples.png)


Most importantly, make sure that **font style matches the content** of your post. For example, if you want it to look more modern, go with a sans-serif font. If you prefer a more traditional style, go with serif fonts.

When you're choosing fonts for your images, make sure that they are **legible and that they support the tone of the content inside the post**.

### 4. Photos and Images

Sometimes, a picture is worth a thousand words. They can help you easily describe the main topics of your blog post, set a reader in the right mood, or catch the attention to open and read the content.

Photos or illustrations can help break up text, and make your blog posts more visually appealing. The Unsplash library has high-quality images that you can use for cover background or elements matching your blog post content.

**Try mixing different elements of blog post covers, like a one-color background with an image in a geometric shape with the appealing headline** like the obe below from RenderForm library:

![template library for blog post covers](/blog/blog-post-template-library.png)


### 5. Reflect the content of the blog post

A cover photo is often the first thing a visitor sees when they land on your blog. It should reflect the type of content you are posting so that readers understand what they are about to read. 

**Make sure all clover elements, such as background, image, font and title, match the content of your blog post**. Be consistent, so your readers can easily understand what your blog post is about and what topics it may cover.


## The importance of blog post covers

A blog post cover can make or break your content. It's the first thing readers see when they come across your post and it should be enticing enough for them to click, read, and share.

While there are no general rules for what makes a great blog post cover, there are some pointers to keep in mind. Make sure you incorporate images if possible. Include the title in the image so that viewers know what they're clicking on. Use an image that is visually appealing and relevant to your topic 
the more eye-catching it is the more likely people will click on it. Make sure your images are high quality so that nothing looks pixelated or blurry. And lastly, don't forget to include a catchy headline with an enticement!

Check out RenderForm.io great blog cover templates or create your own with just a few clicks in the editor!



5 Tips for Creating Great Blog Post Covers


Social media banners are a great way to bring more attention to your content on social media platforms like Facebook, Twitter,
LinkedIn and others. Eye-catching banners can increase much more your CTR (click-through rate) and bring you
more visitors who might stick with you for longer. In this article, I will show you how to configure a widely used
Open Graph standard on your blog post to show a banner from your blog post on social media while sharing it. 

## How to configure social media thumbnails?
In general, social blog banners configuration always looks the same. The only thing you need to do is adding
HTML tags shown below to a head section of the page where you want to show your thumbnail.

```jsx
<meta property="og:image" content="https://my-blog.com/my-image.jpg">
<meta name="twitter:image" content="https://my-blog.com/my-image.jpg"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="thumbnail" content="https://my-blog.com/my-image.jpg"/>
```
The actual configuration might look different on every platform. 

![open graph meta tags for social banners](/blog/open-graph-meta-tags.png)

- `og:image` it's a widely used standard for adding data to your website. It's commonly used by Facebook, Linkedin and many others. `og` stands for open graph,
- `twitter:image` is a standard preferred by Twitter. It's usually used together with `twitter:card=summary_large_image` to show 
full-width banners instead just a square thumbnails.  
- `thumbnail` one of the first image HTML tags for showing thumbnails, it might be still used by some social media platforms to fetch a social media banner 

## Banner size and format

**A universal banner size is 1280 pixels width and 670 pixels height.** Any other resolutions are also might fit, if 
they keep the golden 1.91 aspect ratio. The best image format for social banner is JPG or PNG format, these are the most 
common used formats across the web, which makes them a perfect choice.  

![social banner sizes](/blog/banner-sizes.png)

## Why my banner is not showing?

There are a number of things to check when your banner is not showing on a social media platform. 
The most common cause is that you have a type in your HTML tags, or your newly added HTML tags are not visible in the 
page where you wanted to add them. 

### Test Open Graph metadata

Start from testing your website metadata with 
[RenderForm metadata preview tool](/tools/website-metadata-preview-tool/) and see if the correct HTML tags are there.
Make sure that images which you added there are accessible. Try to copy the link to the image and paste it into your browser
URL section. 

![website metadata tester tool](/blog/website-metadata-tester.png)

### Chrome Extension

If you are want to check numerous web pages and test metadata or social image banners, then you should install our 
[Social Media Preview Extension for Google Chrome](https://chrome.google.com/webstore/detail/social-link-preview-by-ba/fpeploidflhiimaailgakhamacaimbbh).


![Open graph tester, Chrome Extension](/blog/open-graph-chrome-extension.png)

## Things to remember

Make sure that your banner is good-looking. A good-looking banner brings attention to your blog posts and increases CTR (click-through rate) 
A popular way of creating attractive blog post banners is by adding a title on the banner, author avatar and name. 
Some technical blogs are used to add also a URL to the blog to make it look a bit more technical.

- Make sure that contrast between text and background makes your banner readable,
- stick with the same colors on every banner,
- add blog post author avatar and name,
- keep it simple and readable,
- do not use transparent background, always set a color.

![simple blog post cover creator](/blog/blog-post-cover-creator.png)


How to show article banner in social media?


Social media is one of the most important marketing channels for e-commerce companies. It helps businesses to launch new products, manage customer relationships, generate brand awareness, and engage with customers.

Social media content should be engaging and interactive to attract the attention of the user. You should also treat social media as an opportunity to make your customers feel like they are getting access to exclusive content or offers.

## Why is Social Media Important for E-Commerce?

Social media is important for e-commerce because it is **one of the most effective ways to connect with customers** and make them **trust your brand**.

Social media platforms are the best way to create a **personal touch between brands and their customers**. It has become an essential aspect of modern marketing. It’s not only an easy way of giving feedback on your products but also a fast way to build rapport between you and your customer base.

If you’re not convinced yet, think about that— where does the majority of people spend their free time? That’s right, scrolling through different kinds of social media. Whether it’s Facebook, TikTok, or Instagram, your brand can be there, and with that, **your sales can boost**!

![Social Media Customer](/blog/social-media-viewer.jpg)

## The Impact of Social Media on E-Commerce

Social media is becoming an integral part of the e-commerce industry. This shift is driven by the fact that the majority of people are **turning to social media for information before they make a purchase decision**.

Before the advent of social networks, products were marketed in print or on television with little input from customers. Now, retailers have access to customer **ratings, reviews, and feedback** which influence when and how products are sold.

![Social Media Reviews](/blog/social-media-review.jpg)

Social media has also created a shift in how people communicate with each other about products they use - when someone buys something on digital channels, **they are much more likely to share that purchase on their profiles**.

## What Can You Do with Social Media Marketing?

Social media marketing is not just about promoting your business and trying to get as many followers as possible, it also helps you to **establish a personal connection with your audience** and through building trust, you can **create long-lasting relationships** with them. 

Social media also helps in building customer engagement by providing them with updates about your company’s latest news and events, special offers, or discounts that will make them want to buy from you.

![Personalized Image for Social Media](/blog/social-personalized-image.jpg)

## How To Market Your Brand on Social Media for Better Results

Now that you know why social media should be heavily used in your e-commerce business, it’s time to see how exactly you can use it for your benefit.

The following are the different ways that you can use to **market your brand on social media**:

- Create a strong **connection** with your audience
- Produce **high-quality content**
- Connect with influencers and major players in the industry
- Engage with your **current and potential customers**
- **Promote** your products

Wondering how to start? Check **[our guide to send personalized emails with Mailchimp and RenderForm.io](https://renderform.io/blog/posts/personalized-emails-mailchimp/)** to create a **personalized email campaign** for your customers. Buld and grow your relations with your customers and engage them more actively with your product thanks to customized and tailored images in your emails!


Social Media and E-commerce — Why Those Two Are Inseparable?


Images are not just pretty pieces of decoration. In today's social media world, they are a crucial part of any successful marketing campaign. Posts with pictures receive [650% higher engagement](https://www.bynder.com/en/blog/brand-marketing-infographic/) than plain text, with Instagram scoring the highest in terms of user engagement. 

You can use several methods to boost your social media engagement with images. Find out the best of them inside this post!

## How to Use Images That "Stand Out" and Get Noticed on Social Media

Visuals are powerful. The right image can cause the viewer to take the desired action, whether it is to buy a product, sign up for a service, or even just like your post on Facebook.
Social media is now flooded with images and video content, so are search engines. 

![social media blog image](/blog/social-image-blog-post.jpg)

With visual content being more popular than ever before, you should know how to use it effectively. When it comes to selecting an image for your brand, many factors can affect if it's successful. Your company's culture is the best place to start, as this will help you understand what type of images will work best.

Below are a few ways you can use images to drive engagement and conversions:

### 1. Edit your photos
It’s no longer enough to post some generic picture from google search (it’s also illegal in many cases, remember about copyright laws!). To boost your [Facebook comments engagement by 104%](https://blog.hubspot.com/blog/tabid/6307/bid/33800/Photos-on-Facebook-Generate-53-More-Likes-Than-the-Average-Post-NEW-DATA.aspx) and get 94% more views than an average post with no pictures, you need some great visuals. Use filters, add eye-catching colors, play around with it, and find out which method will work best for your content!
 
![social media image post](/blog/image-editor.jpg)

### 2. Use images that include text
Text is a great communication tool online, but it can be difficult for some consumers to decipher what is being communicated with just words alone. Adding appropriate images that include text can help increase the reader's understanding of the content while also increasing their level of engagement with your post or page.
 

![social media image post](/blog/social-image-10-tips.jpg)

### 3. Use relevant pictures
Using relevant pictures in your posts or pages is a great way to make your posts or pages more engaging and interesting. It is also an easy way to tell your readers about the topic of your article without having to do any extra work.

![social image instagram](/blog/social-media-image.jpg)

As you can see, it’s all about matching the right image with the purpose of your post. The right image can boost your email opening rate, Facebook post engagement, and make you sell more of your product on Instagram. 

## Images and Blog Content— How to Use Them Together?

If you or your company runs a blog, you might need a few tips on how to boost engagement on it. While the information that you’re sharing is the most important, images can be of great help in drawing people in. How to use them effectively?

Remember that header images are the first thing that visitors see when they land on your blog. The whole purpose of header images is to grab the visitor's attention and make them want to scroll down to read more about your blog post.

![blog post cover image](/blog/tips-for-creating-great-post-covers.png)

Here are some **exclusive header image design tips** that will help you increase your blog content engagement rate.

- Make sure that your **header image size** is at least 1200 pixels wide or taller
- Make sure that the header image is in **landscape** mode, not square
- Keep in mind what **kind of post** you are writing when designing a header image
- **Headers with text** work best for informative posts, **headers with visuals** work best for posts with lists or product reviews, and **headers with abstract artwork** best for posts with quotes or videos. 

Check our [tips for great blog post covers](/blog/posts/tips-for-great-blog-post-covers/) and see how [RenderForm](https://renderform.io/) can help you creating proffessional images for you social media, blog posts, emails or online shop!


How to Boost Your Social Media Engagement with Images


## 1. Great Product Description
Hire a professional copywriter to write an amazing product description instead of a content writer.
We have seen a huge sales boost as soon we change the description from a generic one to a storyline.
If you have a lot of products, then maybe do it for the top 10 selling products, and you will see a difference.

## 2. Right Keywords
Other than having keywords in the product description, you can name the product with a keyword and have longer
(Low searched keyword) in the meta title. For example, if your product name is "Brown leather boots,"
then the meta title can be "brown leather boots for men".

You can also use [Google Trend](https://trends.google.com/trends/) to find more trendy keywords/phrases.
For example, "color" is a more popular word than "colour". This may seem small change,
but also impactful when adding up.

## 3. Image Tags
This is where your related keywords and LSI keywords of your primary keyword go. You can expect massive traffic
and sales from Google Images.

- Add `alt` attribute to your `img` tags. The `alt` tag helps Google to recognize what is on the image.
- Use proper image names. Example: `blue-newbalance-shoes.jpg` is much better name than `IMG_8463.jpg`.

## 4. Image Sizes

Image optimization is a technique that can help improve the loading speed of a webpage and improve search engine optimization.
If we optimize our images, then we can reduce the amount of time spent resizing them and this will also make our pages load faster, improving overall user experience and making them more attractive to search engines.

You can optimize your product images using our [Image Optimization Tool](/tools/image-optimization-tool/).
Select all of your images and download optimized image versions.

## 5. Product Images
Product in-use images increase your conversion rates. If you regularly have customers (or paid brand ambassadors)
posting photos of your products on social media, you may be able to repurpose that content on your product details page.
Being creative and generating images every day to keep everybody updates is not a easy task! You can use [RenderForm](https://renderform.io)
 in order to generate many product images at once.

![Example Shoe Product Banners](/blog/example-product-social-images.jpg)

## 6. Highlight Points
We all have the urge to buy something online, but it is always a risk because you can't physically hold the item in your hands. However, using free shipping, returns, warranties and guarantees can help build trust between buyer and seller.
Highlighting items that are free shipping, free returns, warranties and guarantees are good for building trust between buyers and sellers.

Highlight points like:
- free shipping,
- free returns,
- warranties,
- and guarantees.

## 7. Schema
Use advanced schema markups for your product page. It definitely increases your CTR, it will help Google and other websites
to promote your page in their search listings.

Check [example New Balance product page](https://www.newbalance.com/pd/fresh-foam-x-860v12/M860V12-36745.html) in our
[Website Metadata Reader Tool](https://renderform.io/tools/website-metadata-preview-tool/?url=https://www.newbalance.com/pd/fresh-foam-x-860v12/M860V12-36745.html)


## 8. Social Proof
Banners like "Watch of the year by GQ" or "Awarded as best leather boot 2019," etc. increases will increase the conversion rates. It's not very hard to get your product reviewed by different bloggers or participate in such awards.

## 9. Product Reviews
Product reviews helps in SEO, trustworthiness and if your schema is done right can also increase your CTR.


## 10. Live Chat Options
Sometimes, the customer just wants to know how good your reply times are by asking very basic questions.

## 11. FAQs
Make a list of all the questions which keep coming on the chat and convert them into faqs.
If you mark up FAQs with [JSON-LD structured data](https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data),
 it makes them eligible to appear in Google's "rich results".


11 Actionable Tips to Create Perfect Product Page


Images are one of the most important components on Instagram. When it comes to post on Instagram, size does matter.

We have to take into account that it's an app that focuses on mobile devices, which are usually smaller than desktop screens.

Because of this, next to well-composed photos with good lighting and focus, you should also pay attention to your image size.

Here are some simple rules for uploading photos or videos on Instagram.

## Instagram Photos and Videos dimensions

In the beginning, Instagram users could only post square photos (1:1 ratio). Thankfully, that changed in the next few years. Now, Instagram photo posts focus on three main types: portrait, square, and landscape images.

### Photo posts size

Instagram is a great platform for brands to show off their products and for people to share their creativity with the world. One way for you to take your Instagram account to the next level is by picking the right photo dimensions.

**Portrait photos (4:5)**  

Portrait posts are vertical photos with aspect ratio is 4:5 and **the ideal vertical photo size is 1080px x 1350px**.

[comment]: <> (![Instagram portrait photo size]&#40;&#41;)

**Square photos (1:1)**

Square photos were the standard for an Instagram layout a few years ago. Although new formats are now available, square photos are still popular among Instagram users.

Ideal size for traditional square photos for Instagram is **1080px by 1080px**.

[comment]: <> (![Instagram square photo size]&#40;&#41;)

**Horizontal photos (1.91:1 or 16:9)**

Horizontal photos are the best for showing off the contents of the frame, instead of just framing people or objects. This is especially true for things like food, interiors, and art spaces.

The landscape (horizontal) photo aspect ratio is 1.91:1 with **ideal dimensions of 1080 x 608 pixels**. It is encouraged that all uploaded photos be in this format and aspect ratio for the best viewing experience.

Note that if you add a photo to an aspect ratio of 16:9, Instagram will automatically add a border to make it fit nicely in the frames.

[comment]: <> (![Instagram landscape photo size]&#40;&#41;)

**The best Instagram image sizes for posts are:**
- 1080px x 1350px (Vertical/Portrait)
- 1080px x 1080px (Square) 
- 1080px x 608px (Horizontal/Landscape).

### Profile photo size (320 x 320 px)

Instagram's profile picture size is 320 x 320, but note that the **uploaded image will be cropped to a circular shape**. When uploading a profile picture or logo, make sure the image will fit the circular Instagram frame.

[comment]: <> (![Instagram profile photo size]&#40;&#41;)

### Instagram video dimensions

Instagram videos have the same aspect ratio as photo posts. Here are the ideal dimensions:

- 1080px x 1350px (Vertical/Portrait - 4:5 aspect ratio)
- 1080px x 1080px (Square and carousel - 1:1 aspect ratio)
- 1080px x 608px (Horizontal/Landscape - 1.9:1 or 16:9 aspect ratio)

Extra requirements for Instagram videos:
- 30 frames per second
- 60 seconds in length
- File size of 4 GB

### Instagram Stories dimensions

Instagram stories are the most popular of the Instagram features. They're used by over 200 million people every day and can come in handy for marketers and businesses of all sizes. Instagram's users say that they find stories extremely effective because they can engage with followers on a more personal level than other social media sites like Twitter or Facebook. Therefore, the right image or picture size is extremely important for the best viewing experience.

**Ideal Instagram Stories size to fill the entire story screen is 1080 x 1920 px, when aspect ratio may vary from 1:9:1 to 9:16.**

[comment]: <> (![Instagram stories dimensions]&#40;&#41;)

### IGTV Post and Video dimensions

The recommended aspect ratio for IGTV vertical videos is **9:16 and 16:9** for horizontal videos. That means that the ideal size is **1080px x 1920px for vertical and 1920px x 1080px for horizontal** videos.

Ideal **cover photo** size for IGTV videos is 420px x 654px.

**Instagram Reels** aspect ratio is 9:16 and optimal size is 1080px x1920px.

## Ready to use templates for Instagram

A banner or a nice photo post is an important marketing tool that you can use in order to get more attention on social media platforms like Instagram, Facebook or Twitter. At RenderForm.io we can help you create **suitable banners for your personal or business profile** by providing **ready-made, customizable templates** with well-suited dimensions. 



Instagram Image Dimensions - 2021 Update


A social media post is a message that is created and published on one of the social media platforms. 
It may include text, images, videos, links to pages, and other content.

## Share with link

There are a number of ways to share a post and the best way depends on the type of social media and how you want to share it.
The simplest way is just by using a URL with text. 


## Post on Facebook

```html
<a href="https://facebook.com/sharer/sharer.php?u=renderform.io&quote=I love RenderForm">
  Post on Facebook
</a>
```

Example: [Post on Facebook](https://facebook.com/sharer/sharer.php?u=renderform.io&quote=I%20love%RenderForm)

![Share to Facebook Example](/blog/share-to-facebook-example.png)


## Post on Twitter

```html
<a 
  href="https://twitter.com/intent/tweet?text=RenderForm is great!"
  data-size="large">
  Post on Twitter
</a>
```

Example: [Post on Twitter](https://twitter.com/intent/tweet?text=RenderForm%20is%20great!)

![Share to Twitter Example](/blog/share-to-twitter-example.png)

## Post on LinkedIn

```html
<a href="https://linkedin.com/sharing/share-offsite/?url=https://renderform.io">
  Post on Linkedin
</a>
```
Example: [Post on LinkedIn](https://linkedin.com/sharing/share-offsite/?url=https://renderform.io)

![Share to LinkedIn Example](/blog/share-to-linkedin-example.png)

## Post on Reddit

```html
<a href="https://www.reddit.com/submit?url=https://renderform.io&title=Try RenderForm!">
  Post on Reddit
</a>
```

Example: [Post on Reddit](https://www.reddit.com/submit?url=https://renderform.io&title=Try%20RenderForm!)

![Share to Reddit Example](/blog/share-to-reddit-example.png)


## Share with E-mail

```html
<a href="mailto:jakub@renderform.io?subject=RenderForm is great!&body=Hey Jakub!">
  Send with E-mail
</a>
```

Example: [Send with E-mail](mailto:contact@renderform.io?subject=RenderForm%20is%20great&body=Hey%20Jakub!)

![Share with Email Example](/blog/share-with-email-example.png)

## How to open post sharing in a new tab?

To tell web browser to open a sharing post in a new tab you need to use `target='_blank'` in `<a>` tag. See example below:

```html
<a href="https://renderform.io" target="_blank">Open in new tab</a>
```


How to share a post with link?


Images are the most effective way to captureResponse attention on social media. They are also one of the best ways to convey emotions, moods, and meaning. 

Facebook images not only benefit us to share our memories with friends and family, but also help marketers to get more engagement from their target audiences. The use of Facebook images is a common marketing strategy for businesses. It helps to create a personal connection with the customers and increase conversion rates by building trust.

Below we listed the recommended image sizes for Facebook posts, stories or videos to help you choose best images for the best experience.

## Profile and Cover Photos

It is not uncommon for people to have difficulties when uploading a profile picture or cover photo to Facebook. In this article we listed for you the size of these pictures and the dimensions that they should have.

### Facebook profile picture size: 170 x 170

Profile picture size is **170 x 170** but note that the image you upload is cropped to a circular shape. While uploading a profile picture or your logo, make sure the image will fit the circle Facebook frame. **Recommended and safest photo dimensions for Facebook profile picture is 400 x 400px**. 

[comment]: <> (![Facebook profile picture size]&#40;&#41;)

### Facebook cover photo size: 820 x 312

Your Facebook cover photo is the first thing your friends and followers see when they visit your profile. A quality cover photo can make a positive impression on people who might not know much about you or your business. As such, it’s important to put some thought into what you’re going to use your cover photo for and how it will be displayed.

The cover photo you upload should be **at least 820 pixels wide and 315 pixels high** (while 640 x 360 on mobile) – but if it is close to those dimensions, we will automatically resize it for display on Facebook.

**Recommended and safe dimensions of cover photo for best quality on all devices are 851 x 315 pixels**.

[comment]: <> (![Facebook cover photo size]&#40;&#41;)

Facebook requires different image dimenstions for different type of covers: 

- **Facebook Group cover image**: 1640 x 856 px
- **Facebook Business Page cover photo**: 820 x 312 px
- **Facebook Event cover photo**: 1200 x 628 px

Facebook cover photos are in **16:9 aspect ratio**.


## Posts, Link Shares and Stories

### Facebook image post: 1200 x 630 px
Actually, Facebook supports many dimensions for image posts, they can be 1200 x 1200 square or Instagram’s recommended dimensions of 1080 x 1350. Keep the recommneded width of 1200 pixels and your posts will fit every time! Aspect ratio for Facebook image posts is 9:16 to 16:9.

[comment]: <> (![Facebook image post size]&#40;&#41;)

### Share Link with Image: 1200 x 630 px
When you share e.g. a website or app on Facebook, the post contains the thumbnail image, title and description. Thumbnail recommended size is 1200 x 630 (min width width is 600 pixels).

[comment]: <> (![Facebook share link image size]&#40;&#41;)

### Facebook Stories image size: 1080 x 1920 px 
with standard 9:16 aspect ratio

[comment]: <> (![Facebook stories image size]&#40;&#41;)

## Facebook Videos

 Facebook video has to be at least 1080 x 720 pixels to be eligible for autoplay on desktop and laptop computers. It should also be at least 480 x 270 pixels in order to be viewed full screen on mobile devices.

The recommended size is 1280 x 720, but 1440x1080 is also an option.

Facebook videos guide:
- Size: **1280 x 720 landscape,  720 x 1280 portrait** (recommended)
- Maximum Facebook video length: 240 minutes (we recommend shorter videos with max 15-30 seconds length)
- Minimum width is 600 pixels
- Max file size is 4GB
- Recommended video formats are .MP4 and .MOV.

[comment]: <> (![Facebook video size]&#40;&#41;)

Facebook 360 guide:
- Maximum dimensions 4096 x 2048 pixels
- Minimum width is 600 pixels
- 2:1 aspect ratio
- Recommended video format is .MP4

The recommended size for **Facebook video ad** is 1080 x 1350 (ratio 4:5)with the minimum of 1080 x 1080 pixels. Ratios from 16:9 to 9:16 are also supported.


## Image Ads

Ad size and dimensions are essential to know when running Facebook ads. All types of images should have **at least 1080 x 1080 pixels**. **Ideal image ratio is 1.91:1 to 4:5**.

- Facebook feed ad size: 1200 x 628  (file size less than 100 KB)
- Facebook Story ad size: 1080 x 1920 
- Facebook Messenger image ad size: 1200 x 628 

## Facebook Image Templates

Images are essential to the success of a Facebook page. However, choosing a perfect image size for different post types can be challenging. 

At **Bannery.io** we are here to help you create nice and professional looking templates with predefined or customizable image dimensions for all image types. You can choose between **3 easy options - choosing a template, customizing the template or starting from scratch**. Our ready to use templates are designed in a way to help you create content in 5 minutes or less. When you are done, you can share your finished project directly to your Facebook feed!


Zapier

Make.com

Integrately

WordPress Plugin

Mailchimp

Airtable Extension

Google Sheets

Excel/CSV file

HTML Embed

REST API

RenderForm CLI

Webhooks

HTML to Image

Posts with #social media