How to fix blurry image badges

If your image badges look blurry, pixelated, or stretched, you can try the following to fix this.

Use an SVG image

This is the best way to ensure your badges are always sharp. SVG (Scalable Vector Graphics) images scale to any size without losing quality. You can export your image as SVG from most design tools, or use a free online converter to convert an existing image to SVG.

Upload at the exact dimensions

Upload your image at the exact width and height you've set in Flair. If the dimensions don't match, Shopify will resize the image, which can cause blurriness or artifacts. Also make sure the badge dimensions in Flair maintain the same aspect ratio as your source image, since the image may be resized on smaller screens.