Why chunk image quality bad on max zoom?

Hi. I’m trying to reproduce the google example https://searchplayground.google/ , but I have a problem with the fact that when the camera is zoomed out to the maximum, the image becomes very poor quality? What could be the reason? I also noticed that when zoomed out to the maximum, Google “blurs” the image a little. How can I achieve the same effect?

This problem is especially noticeable on retina displays, where the image quality is very poor when zoomed out.
Please give me some advice or solution. Thanks

https://searchplayground.google/ google variant

I think mipmap filters would address that but it would require 1024x1024 size chunks.

thank you.
but google examplehave 1440px width texture, how is possible if they use phaser too?

and I don’t know why, but mipmap filters just don’t work with chunks.
I also managed to create an example on codepen, but due to limitations I can only show an example with one large image. but even on a non-retina display at 0.2 zoom you can see how the image is very heavily pixelated. and I need the user to be able to zoom out to see the whole image.
Are there any solutions for large images, especially for retina displays?
I searched for a bunch of examples, but found nothing.

For mipmap filtering the textures need to have power-of-two dimensions.

I don’t think the Google Search Playground is using Phaser, but SVG images in HTML.

They definitely use phaser because I looked at the source code of the page and found inside the Js files phaser config.
Tell me, is there a solution for large images, or does it still come down to cutting this large image into smaller ones and applying some filter?

The problem isn’t really large images but scaling down detailed images. I think the solution is mipmap filters. They will work on any power-of-two dimensioned texture (4096, 2048, 1024, etc.).

thank you, this realy help