---
title: "Badge: Small Graphics for a Big Impact on Websites"
url: "https://web.destination.one/en/destinationbase/badge"
description: "Discover how badges can enhance your website: from icons to animated GIFs, versatile in their application."
language: "en"
breadcrumb: "Root > Homepage > destination.base > Badge"
---

Badge

Small graphics, big impact

 

Badgeinfo

**What is it all about?**

A "badge element" on a website is a type of visual or graphic element that can be used in many different ways: from a symbol that reinforces a headline to a trust-building symbol of quality.

Glühbirne neben der englischsprachigen Überschrift Good to know

**Good to know**

A badge element can be a photo, a vector image or even an animated GIF graphic to increase user attention. When hovering over the image, it is zoomed in and the title is displayed, if maintained. For SVG files, the title is only displayed if a title has been assigned within the image file itself. Clicking on the image will switch to the page stored in the TYPO3 backend, provided a link has been entered.

 

Filmklappe neben der Überschrift Live Demo

Live-Demo
---------

 

### Badge size S

 

Example A:

Badge with icon and link
Badge alignment: right

Example B:

Badge with picture
Badge alignment: centred

Example C:

Badge with animated GIF
Badge alignment: left

 

### Badge size M (standard size)

 

Example A:

Badge with icon in conversion colour

Example B:

Badge with picture and link

Example C:

Badge with animated GIF

 

### Badge size L

 

Example A:

Badge with icon and link in conversion colour

Example B:

Badge with picture

Example C:

Badge with animated GIF and link