# HTML Certificate Background

<mark style="color:blue;">**Step 1:**</mark>  Add or Edit <mark style="color:blue;">**Certificate Page**</mark>.

<mark style="color:blue;">**Step 2:**</mark>  Click <mark style="color:blue;">**Set Background Image**</mark>.

![](https://4166026515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWkUUsnoCFHCrXLAM3d7e%2Fuploads%2FqjpTYje2FGvb63lKDowm%2Fimage.png?alt=media\&token=b3f2ac45-bd4e-4a6f-9b17-510d6a6cf846)

<mark style="color:blue;">**Step 3:**</mark>  In the <mark style="color:blue;">**Background Image**</mark> dialog, Click <mark style="color:blue;">**Choose File**</mark>.

<mark style="color:blue;">**Step 4:**</mark>  The <mark style="color:blue;">**Open**</mark> dialog box is displayed. Navigate and select the required image from a location according to your requirement.

{% hint style="warning" %}
The background image must be in <mark style="color:red;">**Image**</mark> format.
{% endhint %}

<mark style="color:blue;">**Step 5:**</mark>  Select <mark style="color:blue;">**Okay**</mark> and the background image is inserted.

{% hint style="info" %}
For highest quality use <mark style="color:blue;">**1056x816**</mark> for landscape certificate templates and <mark style="color:blue;">**816x1056**</mark> for portrait.
{% endhint %}