Image Resolution: How to Get the Best Quality in Publitas

When adding images to Publitas publications, it's important to understand how resolution and file size affect the final result in the Publitas Reader. Uploading very small images can result in blurry visuals, while extremely large files can slow down your experience in the Editor and increase data traffic. The goal is to find a good balance between quality and performance. This guide explains how resolution works and how to choose the right image size for the best results in Publitas.

Understanding Image Resolution

Image resolution refers to the number of pixels an image contains.

Pixels are the tiny squares that make up a digital image. The more pixels an image has, the more visual detail it can display. For example:

An image with more pixels can display sharper detail, especially when shown at larger sizes. However, higher resolution also usually means a larger file size.

Why Images Sometimes Look Blurry

Blurry images usually occur when an image is displayed larger than the number of pixels it contains. For example:

• If a 500 × 500 px image is stretched to fill a 1500 × 1500 px area, the browser must stretch the pixels, which reduces sharpness.

• This is why small images can appear soft or blurry when zoomed in or scaled up.

How Zooming Affects Image Quality

Zooming increases the visible size of an image. When a user zooms in:

• If the original image contains enough pixels, the image remains sharp.

• If the original image is too small, zooming simply enlarges the existing pixels, which makes the image appear blurry or pixelated.

How Publitas Handles Image Resolution

Publitas automatically optimizes images for performance. When you upload an image:

• Publitas keeps the original uploaded file as the highest-quality version.

• The Reader then dynamically serves one of several optimized image sizes depending on the user’s device and screen resolution.

This means:

• Smaller devices receive lighter versions for faster loading.

• Larger screens receive higher-resolution versions.

Recommended Image Sizes for Publitas Image Hotspots

For most use cases, the following resolutions provide a good balance between quality and performance.

Choosing the Right Resolution for Your Use Case

Not every image needs to be extremely high resolution. A useful rule of thumb:

The larger the image appears on the page, the higher its resolution should be.

For example:

• Small icons or thumbnails do not need very large images.

• Large hotspot visuals or full-page images benefit from higher resolution because users may zoom in or view them on large screens.

Uploading very large images for small visuals does not improve quality and may increase loading times unnecessarily. Keeping this in mind, use web-optimized images based on the use-case you have, whether you need a small thumbnail or a hero banner, choose the appropriate size that is still optimized for web use.

If you have any additional questions, you can contact our support team at support@publitas.com