How does it occur?
The resolution determines the quality of the design. When you create a design, you decide its resolution through the size you pick. Basically, the higher a design's resolution, the better the image quality.
On some displays, such as Retina, which have a higher PPI (Pixels per inch) than regular displays, the image can appear more pixelated. If you view the design on a regular display, the image should appear sharper.
How can you avoid it?
The best thing you can do is to increase your design's size by 2x as much or at least as much as possible. For example, if your design is 200x200, increase the size to 400x400, and the image should be crisper in case of retina displays.
For regular displays, make sure the image you are using has a resolution similar to the one in which it is displayed. For example, if you are creating a 300x300 design, we recommend using a background image of the same resolution as our compression system will not be as aggressive when downloading the file since it will detect that no reductions have to be made since the picture is already in the desired size.
Most common resolutions
- 720p = 1280 x 720 – is usually known as HD or “HD Ready” resolution.
1080p = 1920 x 1080 – is usually known as FHD or “Full HD” resolution.
- 1440p = 2560 x 1440 – is commonly known as QHD or Quad HD resolution.
- 4K or 2160p = 3840 x 2160 – is commonly known as 4K, UHD, or Ultra HD resolution.
Note*: the maximum resolution for a design is 4000 x 4000 pixels.