Account owners can set up bespoke badge designs with their own background image and/or icon for manage users to choose from.
Badge icons are found in the Overview for courses with badges and the background and icon are shown in the (shareable) Badge URL.
Learn more: For more on what badges are, how they work, and why you should use them, check out An overview of badges.
How to customise your organisation's badge designs
Watch the video for a short how to on customising your organisation's badge designs or read on for written instructions.
Written instructions
Navigate to iQualify settings from your avatar menu. From the left menu choose Feature settings then iQualify assess.
You can upload or update your background image, choose a pre-defined badge icon or upload your own. Save to add the image(s). When you're happy with your images, Update at the bottom of the page to finalise your changes.
Tip: Occasionally the SVG file that makes up the badge icon can be malformed or contain things like height and width attributes that won't work. If the preview isn't showing your badge icon, it won't work and the badge icon will appear blank for learners as well. Tips for designers on preparing artwork for badges has some advice on avoiding this issue, but if you are still having problems please contact us.
Tips for choosing your badge icon and background images
We recommend that you start with the background as an easy way to customise and add your brand. We provide a variety of icon choices (this is the image that appears in the middle of your badge) and you can also upload and add your own icon design.
Below are some general tips on things to think about when choosing your background image and icon.
Learn more: For more detailed advice aimed at designers see our help article Tips for designers on preparing artwork for badges (micro-credentials)
Background image
Once a badge is awarded it can be viewed via a public URL (e.g https://badges.iqualify.com/badges/-LePrxFQ7Y0dWW9B7lVv). And you can set a custom wallpaper for your organisation's badge pages.
Note: If you don't set a custom image, the iQualify default background will be displayed.
When deciding on a suitable background image remember:
The screen resizes for different devices. This means all of your images may not be visible to everyone all of the time.
The badge is always in the centre of the screen and changes proportion. Therefore we recommend you avoid selecting an image whose focus is in the centre of your background.
Recommended artwork size is 1920px wide by 1080px high and file type must be PNG. Images that have other dimensions will be previewed and cropped to the correct size. You can also adjust the positioning of the cropped area.
Badge icon
Badges in iQualify follow the Open Badges Standard. This means they’re not just an image, they also come with data:
the badge issuer (your organisation)
the name and description of the badge and
the criteria for getting the badge.
The badge icon is just one element of the data (albeit an important one). That means the image doesn’t have to capture all the detail. In fact, visually simple badges are best.
You can use one of our icons or upload your own. We recommend engaging your marketing team and/or a professional designer to make sure you get a high quality result when adding an icon. When deciding on a suitable badge icon image remember:
The icon needs to have a transparent background and be saved as an SVG file. This is so it can be correctly displayed on any device.
The SVG image needs to be square with equal width and height.
Ensure the image has a defined viewbox that is square to ensure it displays correctly once awarded.
Remember badges are often displayed at a small size. We recommend you preview your image at a small size (we recommend 90x90 device pixels) to ensure the image is still clear when viewed on a small screen.
Don't have a designer handy?
You don't necessarily need to have a designer or professional design software to create artwork for your badges. Below are some free artwork sources and artwork conversion services that may be a good starting place.
Note: Please ensure you only use free artwork, Creative Commons, or you have the rights to use as badges are published on the web so full copyright laws apply.
For SVG badge icons:
Vectormagic to convert vector artwork to SVG.
For background images and photography: