Image types & sizes

Format

Maglr allows users to upload and work with several different formats of images in our editors, although some work better in situations compared to others. Below is a list of these formats and their uses:

JPEG: For regular photography and images that you have found or downloaded online. Could be an image taken from a camera, or an image found on the internet such as a background image.

PNG: For when you want to import an image with a transparent background or want to show a specific area of the images. For example an image of a person/animal with a transparent background.

SVG: This format is used when you have an image that contains vector shapes or icons (made up of any shapes). This means you can scale the image to any size without losing the quality of the image, such as logos.

GIF: For when you have several frames put together into one image, that shows as a video-like animation. Very similar to a video in terms of multiple frames being played one after the other to show the form of motion. But GIFs are displayed as an image and typically are at a lower frame rate, usually 30fps.

These are the main formats we recommend using when creating projects in Maglr.

Resolution

The resolution of an image depends on the situation. We typically recommend using an image with a decent resolution (that has good quality) when you are creating a project. You will see bad results if you are to use a low-resolution image and attempt to scale it larger. You will see a lot of pixelation. 

The same applies for if you were to use a high-resolution image and scale it down. We recommend looking at the dimensions of the canvas. Usually, using an image that is at least half the width of the canvas will be fine if you are to scale it up or down in size.

For the best results, keep in mind that the image size in comparison needs to be the same size in pixels as the dimensions of the canvas where you want to place your image. Maglr supports maximum image dimensions of 5760 x 3240 pixels. Any image dimensions that exceed these limits we be rejected.

Size

You would think that using a very large image file would mean that it's great to display in an online publication. Unfortunately, we don't recommend having too many large-sized files into one project. While the quality may look good, the performance and loading time of the publication may lack when it comes to viewing.

Try not to increase the size of a file. Typically a 10MB image may look great, but if you want to export the image to 2MB, you may see little to no difference. But the advantage of having the 2MB file is that the user will be able to load this file more quickly. Maglr supports a maximum image file size of 10MB. Any image file size that exceeds this limit will be rejected.

Try to keep a decent file size, but ensure that the quality of the image is as good as it can be without increasing the size for no reason.

Loading of an online publication works as follows; first, the landing page will initially load, then all other pages will load in the background.

Tip: most editing tools (like Photoshop, Sketch, etc.) have an option to export your image for web use. We highly recommend using this export option for all images you would like to use in Maglr.

Naming convention

While this isn't necessarily an important subject, in order to keep an efficient workflow going and ensuring you know what each file is, we recommend a structured naming convention. This will help you to recognize the files and where they belong when you are searching for them in your library or computer. Giving your files a randomly generated name can really slow down your work time.

Updated on: 08/02/2023