> For the complete documentation index, see [llms.txt](https://nghiaxchis.gitbook.io/ncmaz-wordpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nghiaxchis.gitbook.io/ncmaz-wordpress/how-to/thumbnails-are-blurry-when-viewed-in-mobile-mode..md).

# Thumbnails are blurry when viewed in mobile mode.

### Why is this happening?

For best performance and to avoid wasting resources, the theme actively loads thumbnail images according to screen size: 

<div align="left"><img src="/files/Yotg7Mb8FFD3sLimZLZy" alt=""></div>

#### -> So you need to set the \[ *Medium size* ] higher to get better picture quality when viewing on your phone.

However, with pre-existing images, you need to use an external plugin to regenerate them.

Use whichever plugin you want, our guide below uses the **Regenerate Thumbnails** plugin:

1. Install and Active [**Use Regenerate Thumbnail**](https://vi.wordpress.org/plugins/regenerate-thumbnails/)**s** plugin
2. Navigate to **Settings -> Media.**
3. On Medium size change: **Max Width** is **500px** (or bigger) and **Max Height** is **500px** (or bigger).
4. Click Save.
5. Install and Active plugin **Regenerate Thumbnails**&#x20;
6. Navigate **Tools -> Regenerate Thumbnails** and click **Regenerate Thumbnails For All Attachments**
7. Good luck!