Issue with blurry images in the editor after uploading high-resolution PNG files.

I understand this is frustrating! The blurry image issue in Sanity Studio is typically related to how your browser and operating system handle high-resolution displays (like Retina screens), but unfortunately, this isn't something you can directly control through Sanity Studio's configuration.

What's Actually Happening

When you upload high-resolution PNG files to Sanity, the files themselves are stored at full quality. However, when Studio displays these images in the editor interface (in field previews, document lists, or the image field itself), it's using your browser's rendering engine to display them. The "blurriness" you're seeing is likely the browser scaling images on high-DPI displays.

Important Clarification

Studio's internal preview system is not customizable in the way that front-end image rendering is. Unlike when you're displaying images on your website (where you can use Sanity's image transformation pipeline with parameters like dpr for device pixel ratio), Studio's editor interface handles image display internally.

What You Can Check

1. Verify the uploaded image quality: Download the image from Sanity's asset CDN to confirm the full-resolution version is stored correctly. You can find the asset URL in the image field's metadata.

2. Browser zoom level: Check if your browser zoom is set to something other than 100%. Browser zoom can affect how images render in Studio.

3. Check if it's the LQIP preview: When images first load, Sanity may show a Low Quality Image Placeholder (LQIP) before the full image loads. If images stay blurry, there might be a loading issue - check your browser's console for errors.

4. Operating system display scaling: On Windows or macOS, if you have display scaling set to 125%, 150%, or 200%, this can affect how images appear in web applications including Studio.

The Reality

Studio's image preview rendering is handled by the application itself and isn't exposed for customization through schema configuration or Studio plugins. The preview configuration system in Sanity controls which images and text to display in lists and references, but not how they're rendered at the pixel level.

If images appear blurry specifically in Studio but look fine when you view them directly from the CDN or on your front-end website, this is a display rendering issue rather than an image quality problem with your assets.

When It Matters (and When It Doesn't)

The good news: this is purely a Studio UI issue. Your actual image assets are stored at full resolution, and when you use them on your website with proper image transformations, they'll display crisp and clear. The Studio preview quality doesn't affect the quality of images delivered to your end users.

If the blurriness is severe and making it difficult for content editors to work, you might want to check if there's a specific browser or OS configuration issue, or consider posting in the Sanity community Slack with screenshots and your browser/OS details - the team might have additional troubleshooting steps specific to your setup.