Skip to main content

Guide to File Formats and Requirements for Your Web in Avantio

Check this guide for the formats, sizes, and requirements for fonts, images, and videos on your Web.

Written by Sandra Álvarez
Updated over 3 weeks ago

All requests to modify elements on your web must always be made through the Support team.


This guide will help you ensure that the materials you send meet the necessary technical requirements.

During the development or update of a web, it’s essential that the files you provide are properly prepared. This allows you to:

  • Avoid rework and delays

  • Maintain good loading speed

  • Ensure proper display on all devices

Below, we outline the requirements for fonts, images, and videos.


Fonts: Supported formats

To make sure your text appears exactly as you envisioned, fonts must have one of the following extensions:

File type

Extension

Use

Open Type Font

.otf

Custom fonts

True Type Font

.ttf

Custom fonts

Web Open Font

.woff

Fonts optimized for web

NOTE:

  • Always send the font files (not external links).

  • If the font includes multiple styles (regular, bold, italic, etc.), all styles must be sent.

  • File names should clearly identify each style (e.g., Roboto-Bold.ttf).


Images: minimum dimensions and maximum size

Dimensions and file size of images are crucial for your website’s loading speed. A well-optimized image keeps good visual quality without slowing down the user experience.

All images must meet both the minimum dimensions and the maximum file size listed below.

Image type

Minimum width

Format

Maximum size

Logos

350 px

.jpg /.png

300 KB (.jpg) / 20 MB (.png)

Favicon

32 px

.png

20 MB (.png)

Cover image

1,900 px

.jpg /.png

300 KB (.jpg) / 20 MB (.png)

"Welcome" image

1,900 px

.jpg /.png

300 KB (.jpg) / 20 MB (.png)

"Recommended" image

1,900 px

.jpg /.png

300 KB (.jpg) / 20 MB (.png)

"Discover" image

800 px

.jpg /.png

300 KB (.jpg) / 20 MB (.png)

NOTE:

  • File size doesn’t define quality, but it does directly affect loading times.

  • We recommend using optimized .jpg whenever possible.

  • Our team will adjust images if needed to ensure the best performance.

  • Images that don’t meet these requirements cannot be published.


Cover video(Only for Premium and Enterprise plans)

For projects with Premium and Enterprise plans, you can include a cover video. It must meet the following specifications:

Format

mp4

Codec

h264

Aspect ratio

16:9

Resolution

1,920 × 1,080 px (720p)

Maximum size

10 MB

Duration

Between 10 and 15 seconds

IMPORTANT:

Before uploading your files, make sure you meet these requirements:

  • The video must be optimized for web.

  • Videos that don’t meet these specifications cannot be published.

  • Sending the video and any change requests are always managed through Support.


Quick checklist before contacting Support

Before sending your files, check that:

  • Fonts have the .otf, .ttf, or .woff extension

  • Images meet the minimum width for their section

  • .jpg files are under 300 KB

  • .png files are no larger than 20 MB

  • The cover video meets format, size, and duration requirements (if applicable)


Sending materials and change requests

📩 All requests to upload, modify, or replace files are managed exclusively through the Support team.

Properly preparing your materials helps move things along faster and ensures the best result for your web.


Frequently Asked Questions

What font extensions does the web support?

.otf (Open Type Font), .ttf (True Type Font), and .woff (Web Open Font) are supported.

What are the recommended minimum dimensions for each image?

Logos: 350 px; cover image: 1,900 px; "Welcome" image: 500 px; "Recommended" image: 1,900 px; favicon: 32 px; "Discover" section: 800 px.

What file size limits should I follow for images?

For .jpg, less than 300 KB; for .png, between 4 MB and 20 MB.

What specifications must the cover video meet for Premium and Enterprise plans?

16:9 format, mp4 with h264 codec, maximum 10 MB, 1,920 × 1,080 px (720p), and duration between 10 and 15 seconds.

Does image size guarantee its quality?

Not necessarily. Quality depends more on optimization than size; at Avantio, images are adjusted to ensure good loading speed.

Did this answer your question?