Skip to main content
All CollectionsCollaboration
Understanding Image Quality: Common Display Issues and Solutions
Understanding Image Quality: Common Display Issues and Solutions

Learn why previews may look pixelated and how image sizing affects your generated visuals' quality in Abyssale.

Guillaume Stigliani avatar
Written by Guillaume Stigliani
Updated over 2 months ago

When working with Abyssale, you might encounter two common visual concerns: pixelated previews and image quality in small formats. Let's understand why these happen and how to achieve the best results.

Preview Display vs. Actual Quality

Why do banners look pixelated in the preview?

When viewing your generated visuals in Abyssale's preview window, smaller banners may appear pixelated. This is normal and doesn't reflect the actual quality of your files:

  • Our preview window automatically scales up smaller banners for better visibility

  • Standard ad sizes (like 300x250 pixels) are stretched in the preview

  • This stretching makes individual pixels more noticeable

  • The actual generated file maintains its intended quality

How to view banners correctly

To see exactly how your banner will appear to your audience:

  1. Open the banner in the share link preview

  2. Look for the "View at true scale" button

  3. Click this button to display the banner at its true dimensions

  4. The banner will now appear exactly as it will to your end users in a new tab


Image Quality and Scaling

Understanding Resolution Loss

Think of it like watching a 4K movie on an old TV:

  • A 4K movie contains millions of pixels of information

  • An old TV can only display a limited number of pixels

  • The TV must compress all that information into its available pixels

  • This compression inevitably results in some loss of detail

The same applies when using high-resolution images in small banner formats:

Example:

  • You import a 2000x2000px product photo

  • Your banner format is 300x250px

  • Our system must compress 4 million pixels into a space for 75,000 pixels

  • Some detail will naturally be lost in this optimization

Best Practices for Optimal Quality

1. Image Selection

  • Use images that are closer to your target dimensions

  • Avoid using extremely high-resolution images for very small formats

  • Consider preparing images at the correct size before importing

2. Format Considerations

Original Image Size

Banner Format

Result

4000x4000px

300x250px

Significant compression, potential detail loss

600x500px

300x250px

Minor compression, better quality

300x250px

300x250px

No compression, optimal quality

3. Quality Verification

  • Always use the "View at true scale" option for accurate preview

  • Download and check the final file

  • View at 100% scale to see true quality

  • Verify file dimensions match your specifications

Technical Tips

  • Use images no more than 2-3 times larger than your target format

  • Remember that most digital advertising has limited viewport sizes

  • Consider your end-use case when selecting image sizes

  • For small web banners, some detail loss is normal and acceptable


Still Have Questions?

If you're concerned about visual quality:

  1. Try using images closer to your target format size

  2. Test different image resolutions

  3. Always view the final result at actual size

  4. Contact our support team for specific guidance

By understanding both preview behavior and image scaling, you can better prepare your assets and achieve the best possible results in your generated visuals.

Need more help? Our support team is ready to assist you with any specific concerns about your projects.

Did this answer your question?