# Marketing Imagery

# Assets - Imagery

Our marketing assets have been created using a number of pieces of software as the originator, Richard McCombe, has limited skills with Adobe Suite.

Much of the artwork is originated in CorelDraw and then imported into layers in Fireworks and exported in different sizes and formats for email and social media.

Some of these assets make their way into printed matter, so the original file format is either vector or high-resolution bitmap and scaled down for digital.

# 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)

# Email Images - Sendy

Header - 630px x 80px

Main Image - 630px x 418px

Blog - 630px x ( 150?)

Product Image - 283px x 283px