Quality loss when exporting motion graphics videos in Premiere Pro I am fairly new to Premiere Pro and I have been having an issue related to exporting my videos. All of the videos I am working on right now are motion graphics/animation videos. For these projects I create high quality images in Flash, export them as PNGs, and then use those images in Premiere Pro to create animations/motion graphics. The issue I'm having is that no matter what export settings I use, some of the images have obvious pixelation on them in the final result, and the colors seem to get slightly darker, even though they look perfect in the editor.

As an example, here is a side by side comparison on the image in the editor, versus a screenshot from the final exported video:



You will probably have to zoom in slightly to see the pixelation, but it's especially noticeable in thered are on the calendar image, on the orange circle attached to the email, and on the awning and sign over the shop entrance.

The pixelation issue seems to be most obvious with the red/orange/yellow colors, but I have also seen it with other high saturation colors and some dark blues.

Does anyone have any advice about why this might be happening and how I could fix it?

I've recently been reading about issues that can be caused by having "broadcast illegal colors". Could this be related?

I know that this issue could be occurring due to my export settings and sequence settings, but no matter what ones I use this still seems to occur. The primary export settings I've used are H.264 with Vimeo 1080p as the preset, since that is where I'm uploading, but I also tried a few others and didn't see any differences. For sequence settings I have also tried a few options including DNX 1080p, AVC-Intra 100 1080p, and Custom settings, but haven found any success.

I also read that I should try exporting with DNX HQ 1080p 29.97, but I don't know what to do with an MXF file, and some of the research Ive done shows Vimeo sometimes has trouble with them, so any advice there would also be appreciated.

Anyway, I think I've rambled enough for now. Any help you can provide would be greatly appreciated, and I'd be glad to answer any questions about the project settings.

Thanks!
There are 2 things causing this issue:


Chroma sub-sampling. This is explained pretty well in this answer.
Compression artifacts - For example, the mark above the "1"on the email notification is due to the way H.264 compresses data. This is known as "ringing" and is quite common with compression.


Some options for dealing with it include:


Avoid using saturated reds and blues especially in areas of high color contrast
Use a codec or codec settings that don't exhibit ringing (easier said than done when you're uploading to a video service that may recompress it)
Use settings to reduce how noticeable it is, such as turning on motion blur when exporting, so when things move, they exhibit softer edges


Unfortunately, the reality is that TV is terrible for pure motion graphics. The subsampling that occurs makes it impossible to have nice crisp lines in saturated colors. And unfortunately, most of the codecs that work on all platforms are made to deliver TV and movies to users.