Skip to main content
All CollectionsSitesDesign
Image Basic Guidelines for Your Convert Website
Image Basic Guidelines for Your Convert Website

Learn how to use images to boost your Convert website!

Sarah Calascione avatar
Written by Sarah Calascione
Updated over a week ago

Build your reputation starting with a nice-looking logo!

Branding is one of the most important things to define the design and guidelines of your Convert website. That means choosing the right colours according to your service and company identity, such as your logo.

Remember that moment when you visited a website to find a hard-to-see, bad-quality logo? How did that impact your opinion of the company? 🤔

The most common place for a logo to appear on your website is in the navigation bar. Choose your colour theme according to your logo colour and contrast.

We highly recommend providing your logo in vector file format. Vector files such as SVG, AI, EPS, or even some PDF are designed for effective scalability. If you're not sure what a vector file is, ask your graphic design agency as they should have a backup of their work.

As shown in the example below, the top image (click the link to view) is a vector (you can zoom in indefinitely 😎), and the bottom image is a raster file (JPG, PNG, GIF).

The normal site logo range is between 250 X 100px and 400 X 100px for a horizontal logo, and 160 X 160px for a vertical one.

*If it's impossible to provide a vector format, we can use PNG with transparency. Providing a JPG or PNG without transparency will limit the possibility of your website's background header.

High-quality images boost your convert leads.

Websites containing high-quality images with relevant and unique content will get more views and increase your user engagement.

Users are more likely to enjoy your website, meaning you have a greater time to sell your services through both content and images.

Images help tell your business's story and the services you offer by providing easy-to-browse information. By utilizing this form of visual communication, you will build credibility and recognition for your brand.

We love 😍showcasing your company’s achievements with your own photos as long as they’re high-quality and highlight your company's professionalism. Using your images gives a personal touch to your website. When selecting pictures, don't emphasize the problem a client may have. Focus on photos that show the beautiful results of your services. When providing your photos, please use this guideline to help our designers give you the best results. Don't worry if you don't have high-quality images, we can provide suitable stock images.

Hero images

(Images that uses the full-screen width)

A hero image, usually a high-quality photo or video, can be an excellent way to add a personal touch and build up your brand's credibility. Because people are highly visual, having high-quality, fullscreen imagery at the top of your page can help create a positive first impression.

We recommend supplying the original file with a size* that is between 1500 and 2500 pixels wide. If not possible, the minimum required size is 1200px wide.

*To check a photo's resolution on Windows, right-click on the image you would like to use and then select "Properties." Go to the "Details" tab to see the image's dimensions and resolution.

Teaser images

(Service showcase)

The teaser images are typically displayed as small photos to showcase your services. We recommend supplying the original size without color alterations.

We recommend supplying the original file with a size that is between 1500 and 2000 pixels wide. If that’s not possible, the minimum required is 600px wide.

Avoid Embedded Text in Images 🚫

Putting text into graphics has significant drawbacks for search engine optimization. Plus, it delivers a poor user experience: the text is not selectable, not searchable, not zoomable, not accessible, and not friendly for high-DPI devices.

Did this answer your question?