Quality of videos with small sized text

[theDestI]

Hi, I'm trying to render a video with a CSS code in it and here's how it looks on the preview:

While the render version looks like this:

Here's what my remotion config looks like:

`Config.Rendering.setImageFormat('jpeg');
Config.Output.setOverwriteOutput(true);

Config.Output.setCrf(1);
Config.Rendering.setQuality(100);
Config.Rendering.setConcurrency(1);`

I've tried to experiment with settings a lot but I was unable to achieve something substantially better. Are there any good examples of how to render small-sized text or is it the expected quality due to the fact that there are losses during the screenshot making?

[JonnyBurger]

Hi @theDestI!

I assume it happens because you preview on a 2x pixel density display (e.g Retina display on a Macbook), but the resolution of the video is not high enough to render the text sharply.

You can scale the render to output a more sharp text! https://www.remotion.dev/docs/scaling#how-to-scale

[theDestI]

Thanks a lot!

It's a bit unobvious, though. Do you think it would be a good addition to docs to highlight a case like this?