Ein neues Logo hinzufügen

Das Ziel dieses kurzen Dokuments ist es, Richtlinien zur Konfiguration des Hauptlogos festzulegen. Dazu werden wir die folgenden Aspekte hervorheben:

Akzeptierte Dateiformate

  • JPG

  • JPEG

  • GIF

  • PNG

In den meisten Fällen ist es am besten, Ihr Logo als transparentes PNG zu speichern. Sehen Sie unten nach der Größe.

Die maximale Dateigröße beträgt 5MB.


Logoname & Größe

Die Logos müssen gemäß dieser Struktur benannt werden:

 
 

Logo Name

Size in pixels 

Device 

1

_hotel-name-city.png

636 x 250

Desktop

2

_logo-inverted_hotel-name-city.png

636 x 250

Desktop
(image overlay)

3

_logo-sm_hotel-name-city.png

318 x 125

Tablet

4

_logo-xs_hotel-name-city.png

400 x 80

Mobile

 

Hinweis: Alle Logos haben den gleichen Dateinamen, außer dem 2., 3. und 4., die einen Präfix haben, den das CMS verwendet, um zu bestimmen, auf welchem Gerät es angezeigt werden soll. Im CMS wählen Sie das 1. Bild (_hotel-name-city.png) als Hauptlogo aus, und das CMS wird die anderen automatisch einstellen.

 

Beispiele:

ba-desktop-logo_hotel-bookassist-spain.png

ba-invert-logo
_logo-inverted_hotel-bookassist-spain.png

ba-tablet-logo
_logo-sm_hotel-bookassist-spain.png

ba-mobile-logo
_logo-xs_hotel-bookassist-spain.png

Bildoptimierung

Nutzen Sie TinyPNG, um Ihre Bilder zu optimieren, nachdem sie erstellt wurden.



Laden Sie das Logo im CMS hoch und wählen Sie es aus.

Wählen Sie das primäre Desktop-Logo (_hotel-bookassist-spain.png) aus, das verwendet werden soll. Die grüne Markierung zeigt das ausgewählte Bild an, das vom CMS verwendet wird. Wenn die Bilder korrekt benannt sind, wird das CMS automatisch die Auswahl für jedes Gerät bestimmen.

select-logo-cms

 

Hier ist das umgekehrte Logo, wie es auf dem Desktop erscheinen wird. Das primäre Logo erscheint beim Scrollen und als Hauptkopflogo auf internen Seiten oder wenn kein Galeriebild ausgewählt ist.

screen-logo-example