Uploaded badge images are processed and stored in three sizes named f1, f2 and f3. However, only the two smallest images are ever used, and they are tiny.

One of the instances this is most apparent is when a badge is baked and the user downloads or syncs it, and the resulting badge image they get is low quality and pixelated. This gives users a very poor experience with badges.

This can be fixed by simply allowing the larger badge image (f3) to be accessible and used. Specifically, a single character change to the bake function in badgeslib.php:1054 to change f1 to f3 on that line would allow larger, high-quality images to be baked and downloaded.

Also see MDL-57569 for related issue with filelib.php.