Skip to main content

Blurry image downloads

The resolution determines the quality of the design. When you create an ad, you decide its resolution through the size you pick. The higher a design's resolution, the better the image quality. 

The image can appear more pixelated on some displays, such as Retina, which has a higher PPI (Pixels per inch) than regular displays. However, if you view the design on a standard display, the image should appear sharper. 

Image File Formats and their Use Case

FormatProsCons
JPEG
  • Ideal for images that employ a large number of colors
  • It comes in handy when size is a factor, as you can choose the quality of the image (low, medium, or high)
  • The image quality decreases when you reduce the file size. 
PNG
  • Create images with a transparent or semi-transparent background.
  • Great for small images like logos or graphic elements.
  • Preserves quality.
  • Tend to have larger file sizes.
GIF (Static)
  • Great for simpler images with a small number of colors, such as graphics or icons.
  • It only supports 256 colors, which sometimes causes images to have a lower quality. 

 

Tips for Avoiding Blurry Images

  • Regular Displays. Make sure the resolution of the image is the same as your design. For example, if your design is 300x300px, we recommend using a picture of the same resolution.
  • Retina Displays. If you encounter blurred images when using a Retina display, follow these steps:
    • Click Download > Click HTML > Under General Settings, Check Save retina ready images.
  • Blurry PNG with transparent background. Bring the image in question to a size closer /equal to the size displayed in your design. The asset should be resized before uploading it. Ensure the uploaded file's resolution is similar to the resolution displayed in-app.

Note: If the resolution of your PNG is too high compared to the resolution you're using to display it, the compression of the file will be more intense, causing your file to lose quality on export.

Related articles