App Store Badge Generator

Apple’s App Store marketing guidelines require the badge to be shown in its original form: no recoloring, no restyling, no typeface changes, a minimum clear space around it, and a minimum height for legibility. The badge must link to your app’s store page, and when it appears alongside other platforms’ badges it should be displayed at equal prominence. Google’s brand guidelines for the Google Play badge are close mirrors: use the supplied artwork unmodified, keep clear space, and do not shrink the badge below their stated minimum.

These are not dead-letter rules — brand and review teams do flag violations, and modified badges also simply convert worse, because their entire value is instant recognition. The practical takeaway is boring and freeing at once: never open the badge in an image editor. Every customization you might want (size, spacing, placement, language) is achievable within the guidelines.

The most common visual bug on landing pages is mismatched badge heights. Apple and Google ship their artwork at different aspect ratios with different built-in padding, so setting both images to the same pixel width renders one noticeably larger. The fix is to size by height, not width — pick one height (40 pixels is a common web baseline) and let the widths differ. Generated HTML that does this for you removes the fiddling.

Two more details worth having by default: descriptive alt text (“Download on the App Store”, “Get it on Google Play”) so screen readers announce the buttons meaningfully, and crisp assets for high-density displays — the official downloads include vector and high-resolution versions, and a blurry badge on a Retina screen undermines the credibility the badge exists to provide. Finally, put campaign parameters in the wrapped links: badge clicks are exactly the traffic you want attributed.