Why are my images appearing blurry?

FAQ Bild

Blurry images usually occur when the selected resolution is too low for the container in which the image is displayed.

Optimizing image quality:

Click on the image and check the 'Image size' setting in the right sidebar. If 'Thumbnail' or 'Medium' is selected but the image spans the full width, it will look pixelated. Change the size to 'Large' or 'Full'.

Ensure the original image at helloly has sufficient width (approx. 1920px for banners) but is still compressed to avoid compromising load times.

Was this answer helpful?

Related Articles

What should I do if changes in the editor don't appear on the live site?

It can happen that you publish a change in AI Web Studio, but it is not visible when accessing the domain. Usually, this is due to caching...

How can I restore a previous version of my page?

Mistakes happen – maybe you accidentally deleted an important section. AI Web Studio uses the integrated WordPress revisions feature to protect...

What to do if the layout looks 'broken' on mobile devices?

Sometimes very long words or extremely large images cause responsive design to reach its limits. This often manifests as horizontal scrolling or...

How do I fix issues with font rendering?

If fonts don't load correctly or suddenly look like standard system fonts, there is usually a problem with the connection to the web...

How do I integrate custom CSS code for advanced designs?

Although AI Web Studio allows almost everything visually, pros sometimes want to use custom CSS to achieve very specific effects.Adding CSS:You can...