Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Folgende Logos und Grafiken werden seitens PEIQ hinterlegt:

Grafik

Dateityp

Größe

Anmerkungen

Logo

.SVG

keine Einschränkungen

Aktuelles Logo als Vektor-Grafik (vektorbasiertes .SVG) anliefern: Um eine optimale Darstellung des Logos auf allen Endgeräten zu gewährleisten, bindet PEIQ die Grafiken ausschließlich als .SVG (Scalable Vector Graphics) ein.

monochromes Logo

.SVG

keine Einschränkungen

Dieses Logo wird beispielsweise beim Sticky-Header verwendet. Das Logo muss nicht zwangsläufig monochrom sein, sondern sollte im Kontrast zum Sticky-Header stehen. Bitte als Vektor-Grafik (vektorbasiertes .SVG) anliefern: Um eine optimale Darstellung des Logos auf allen Endgeräten zu gewährleisten, bindet PEIQ die Grafiken ausschließlich als .SVG (Scalable Vector Graphics) ein.

Favicon

.ICO

16×16 oder 32×32

Das Favicon ist ein sehr kleines Symbol bzw. Logo, wie es typischerweise in der Adresszeile eines Webbrowsers links von der URL bzw. im Tab angezeigt wird. Das Favicon dient meist dazu, die zugehörige Website auf wiedererkennbare Weise zu kennzeichnen. 

Apple Touch Icons

.PNG

In den folgenden Auflösungen:

  • 57x57

  • 76x76

  • 120x120

  • 152x152

Touch Icons werden von gängigen Smartphones und Tablets genutzt, um Lesezeichen auf dem Homescreen darzustellen. Zudem nutzen gängige Browser Touch Icons auf der Startseite des Browsers, um die regelmäßig besuchten Seiten des Benutzers bzw. der Benutzerin anzubieten. 

Icon

.PNG

192x192

Icon für andere Systeme.

Open Graph Logo

.PNG

Best Practices siehe hier.

Das Open Graph Logo wird als Fallback verwendet, um auf Facebook geteilte Links zu Seiten zu bebildern, die über keine eigenen Bilder verfügen, wie beispielsweise die Startseite. Bei Beiträgen wird beispielsweise immer das erste Bild des Beitrags genutzt.

AMP-Publisher-Logo

.PNG

Höhe von 60px

Informationen und Hinweise zum AMP-Publisher-Logo finden sich hier.

Das AMP-Publisher-Logo wird auch ohne aktiviertes AMP für die Schema-org-Auszeichnung benötigt.

Segmentmarkierungen

Status
colourGreen
titleOPTIONAL

.SVG

keine Einschränkungen

Um eine optimale Darstellung des Logos auf allen Endgeräten zu gewährleisten, bindet PEIQ die Grafiken ausschließlich als .SVG (Scalable Vector Graphics) ein.

SVG-Dateien überprüfen

Die SVGs müssen kundenseitig angeliefert werden. Hierbei ist auf einige Punkte zu achten. Nachfolgend werden einige nützliche Hinweise zum Umgang und zur Überprüfung von SVG-Dateien gegeben.

...

Filter by label (Content by label)
showLabelsfalse
maxCheckboxfalse
showSpacefalse
reversefalse
cqllabel in ( = "design-elemente" , "kunden-ci" ) and space = "PPSDPUPKB"

Include Page
Disclaimer der PEIQ PORTAL - Produktdokumentation
Disclaimer der PEIQ PORTAL - Produktdokumentation

Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/JICPAw