# Website Imagery

### Home Page Carousel

#### For Desktop

<table border="1" id="bkmrk-overall-image-dimens" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 49.9383%;">**Overall Image Dimensions**</td><td style="width: 49.9383%;">3512 x 450</td></tr><tr><td style="width: 49.9383%;">**Bleed Area for Standard Screens**</td><td style="width: 49.9383%;">1920 x 1080</td></tr><tr><td style="width: 49.9383%;">**Safe Area - Actual Visual Block**</td><td style="width: 49.9383%;">1460 x 430</td></tr></tbody></table>

<p class="callout info">Copy and paste template image below and design on top.</p>

##### Template

[![Home Page Carousel Imagery.jpg](https://manual.maticmedia.co.uk/uploads/images/gallery/2023-11/scaled-1680-/home-page-carousel-imagery.jpg)](https://manual.maticmedia.co.uk/uploads/images/gallery/2023-11/home-page-carousel-imagery.jpg)

#### For Tablet

<table border="1" id="bkmrk-overall-image-dimens-0" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 50.0618%;">**Overall Image Dimensions**</td><td style="width: 50.0618%;">1026x344</td></tr></tbody></table>

##### Template

[![image-1700659562494.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2023-11/scaled-1680-/image-1700659562494.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2023-11/image-1700659562494.png)

#### For Mobile

<table border="1" id="bkmrk-overall-image-dimens-1" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 50.0618%;">**Overall Image Dimensions**</td><td style="width: 50.0618%;">482x480</td></tr></tbody></table>

##### Template

[![image-1700659589826.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2023-11/scaled-1680-/image-1700659589826.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2023-11/image-1700659589826.png)

### Category &amp; Product Thumbnails (Home Page, 4 Column and 5 Column Layout)

[![image-1666709899831.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666709899831.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666709899831.png)

<table border="1" id="bkmrk-width-height-example" style="border-collapse: collapse; width: 100%; height: 279.922px;"><tbody><tr style="height: 29.7969px;"><td style="width: 30.5315%; height: 29.7969px;">**Width**</td><td style="width: 44.3758%; height: 29.7969px;">**Height**</td><td style="width: 24.9691%; height: 29.7969px;">**Example**</td></tr><tr style="height: 54.4375px;"><td style="width: 30.5315%; height: 54.4375px;">576px</td><td style="width: 44.3758%; height: 54.4375px;">290px</td><td style="width: 24.9691%; height: 54.4375px;">[![image-1666709960404.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666709960404.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666709960404.png)

</td></tr></tbody></table>

### 2 Column Thumbnail Layout

[![image-1666710053536.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666710053536.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666710053536.png)

<table border="1" id="bkmrk-width-height-example-0" style="border-collapse: collapse; width: 100%; height: 279.922px;"><tbody><tr style="height: 29.7969px;"><td style="width: 30.5315%; height: 29.7969px;">**Width**</td><td style="width: 44.3758%; height: 29.7969px;">**Height**</td><td style="width: 24.9691%; height: 29.7969px;">**Example**</td></tr><tr style="height: 54.4375px;"><td style="width: 30.5315%; height: 54.4375px;">713px</td><td style="width: 44.3758%; height: 54.4375px;">290px</td><td style="width: 24.9691%; height: 54.4375px;"></td></tr></tbody></table>

### Category Page Carousels

On Primary category pages, this image dimensions are as below....

[![image-1666709457697.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666709457697.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666709457697.png)

<table border="1" id="bkmrk-area-width-height-ex" style="border-collapse: collapse; width: 100%; height: 119.188px;"><tbody><tr style="height: 29.7969px;"><td style="width: 33.3745%; height: 29.7969px;">**Area**</td><td style="width: 20.4116%; height: 29.7969px;">**Width**</td><td style="width: 29.6502%; height: 29.7969px;">**Height**</td><td style="width: 16.6873%; height: 29.7969px;">**Example**</td></tr><tr style="height: 29.7969px;"><td style="width: 33.3745%; height: 29.7969px;">**Desktop**</td><td style="width: 20.4116%; height: 29.7969px;">1460px</td><td style="width: 29.6502%; height: 29.7969px;">436px</td><td style="width: 16.6873%; height: 29.7969px;">[![image-1666709553249.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666709553249.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666709553249.png)

</td></tr><tr style="height: 29.7969px;"><td style="width: 33.3745%; height: 29.7969px;">**Tablet**</td><td style="width: 20.4116%; height: 29.7969px;">1026px</td><td style="width: 29.6502%; height: 29.7969px;">344px</td><td style="width: 16.6873%; height: 29.7969px;">[![image-1666709567288.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666709567288.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666709567288.png)

</td></tr><tr style="height: 29.7969px;"><td style="width: 33.3745%; height: 29.7969px;">**Mobile**</td><td style="width: 20.4116%; height: 29.7969px;">482px</td><td style="width: 29.6502%; height: 29.7969px;">480px</td><td style="width: 16.6873%; height: 29.7969px;">[![image-1666709578718.png](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/scaled-1680-/image-1666709578718.png)](https://manual.maticmedia.co.uk/uploads/images/gallery/2022-10/image-1666709578718.png)

</td></tr></tbody></table>

### Product Imagery

<table border="1" id="bkmrk-width-height-example-1" style="border-collapse: collapse; width: 100%; height: 279.922px;"><tbody><tr style="height: 29.7969px;"><td style="width: 30.5315%; height: 29.7969px;">**Width**</td><td style="width: 44.3758%; height: 29.7969px;">**Height**</td><td style="width: 24.9691%; height: 29.7969px;">**Example**</td></tr><tr style="height: 54.4375px;"><td style="width: 30.5315%; height: 54.4375px;">800px</td><td style="width: 44.3758%; height: 54.4375px;">800px</td><td style="width: 24.9691%; height: 54.4375px;"></td></tr></tbody></table>

### Upload Thumbnail of Web Product

<video controls="controls" height="395" style="width: 790px; height: 395px;" width="790"><source src="https://manual.maticmedia.co.uk/attachments/22"></source></video>

### Uploading Imagery to Website Catalogue

<video controls="controls" height="396" style="width: 792px; height: 396px;" width="792"><source src="https://manual.maticmedia.co.uk/attachments/21"></source></video>

[upload a thumbnail of web product (1).webm](https://manual.maticmedia.co.uk/attachments/23)