Performance can be affected by a number of factors, one of which (and one of the most important) is content load. As you already know, on your Foxize Cloud platform you can personalize your school with images that represent your look and feel: on the home page, in the banners, in the courses. If these images are large and heavy, they will take time to load, especially for those people who have a slow internet connection, and that will affect the user experience.

Can you imagine entering an online school and finding the image on the left? More than 50% users would leave the page after 3 seconds for this reason.

Remember that the quality of the images also affects the quality of your website. Having pixelated or low-quality images shows little professionalism and causes rejection to users. On the other hand, the loading speed also affects SEO, your website's positioning and the indexing of images in search engines such as Google.

If you don't want this to happen, we recommend you optimize your images so that your platform performs well. Next, we give you a series of tips and tools for this:

IMAGE FORMAT

• GIF: this format is almost obsolete, since it is very heavy. It is only used for animated images.

• PNG: maintains transparency like the GIF format and does not compress images, so it has higher quality, although it may be heavier. PNG works well for logos or icons. It has the option of interlacing, which will make the image load in different phases instead of jerky (as we have seen in previous GIF).

• JPG: this format compresses the images so that they weigh loss, so it can have quality loss. In some cases, we can choose the compression level. It is ideal for photographs or images with many colors. It also has the option of progressive, which will load the web in layers of different qualities, instead of in pieces.

IMAGE SIZE

• Header of the web at the home page: the image is responsive, so a large image size will be necessary, but optimized so as not to affect the loading time of the page. In the event that you don't like how it is shown on mobile screens, you have the option of adding a different image.

• Banner of the home with login: the images for highlights on desktop must be 750px wide x 330px high. In this case, the images are not responsive, so you must upload a mobile version with 346px width x 152px height.

• Testimonials at home: the image is 1140px wide x 450px high.

• Themes block of the courses in the home section: this space is designed to upload icon-like images that represent the themes of the courses to be offered. The size of the images are 90px x 90px.

• Courses: the size of the course image is 262px wide x 167px high.

PROGRAMS AND TOOLS TO OPTIMIZE IMAGES

In general, for the best performance of our training platform, the images that we upload to our website should have a weight below 1Mb. We must find a balance between the size of the images and the quality.

We can optimize our images in editing programs such as Photoshop or its free alternative Gimp, which offer us the option of saving for the web. This allows us to edit a series of characteristics to optimize the images as much as possible.

You can also use programs and web services specifically created to optimize images for the web. These are our recommendations:

• Compressor.io: Reduces the weight of the image without reducing its quality. It supports four types of format: JPEG, PNG, GIF and SVG. It allows you to optimize images with or without loss of quality (only for JPEG and PNG, this last option). Not only that, but it has a very useful previewer to be able to compare the before and after compression.

• Image Resizer: This website allows you to compress JPEG and PNG to reduce their weight. Compression options are limited, but the web also offers other free services for editing your images, such as scaling and cropping.

• FileOptimizer: Open source program for windows that allows you to optimize a wide variety of formats.

• ImageOptim: the alternative to File Optimizer for Mac users, free and open source. Compress images without loss of quality, eliminating metadata.

• Trimage: Free open source program for Linux and Ubuntu users, capable of optimizing PNG and JPEG images.