Bilder vorbereiten: Logo und Seitenbilder in der richtigen Größe
PetWorkers Classic · Prüfe zuerst, ob du diese Produktlinie verwendest. Menüwege und Bilder können sich zwischen Classic und Wave unterscheiden.
Welche Größe und welches Format brauchen Logo, Titelbilder und Themenbilder? Du siehst die richtigen Maße, wie du einen Bildausschnitt wählst, warum du Fotos verkleinerst und wo du Logos und Bilder in PetWorkers hochlädst.
Kapitel im Video
Ein Klick auf eine Zeitmarke startet das Video an dieser Stelle.
Bilder vorbereiten: Logo und Seitenbilder in der richtigen Größe
Mit dem Klick auf das Video werden Daten an YouTube/Google übertragen. Details in der Datenschutzerklärung.
Transkript anzeigen
Einleitung
Gute Bilder machen dein Kundenportal einladend. Sie müssen aber die richtige Größe haben, sonst wirken sie unscharf, verzerrt oder laden langsam. In diesem Video zeige ich dir, welche Maße du brauchst, wie du ein Foto zuschneidest und wo du Logo und Bilder hochlädst.
Formate und Maße
Für Logos nimmst du PNG. Ein PNG kann einen durchsichtigen Hintergrund haben, so passt dein Logo auf jede Farbe. Für Fotos nimmst du JPG. Das gibt kleine Dateien bei guter Qualität. Hast du dein Logo vom Grafiker als PDF oder SVG, lass dir zusätzlich ein PNG in der passenden Größe geben. Aus einer solchen Vektordatei kann man jede Größe ohne Qualitätsverlust erzeugen. Hier siehst du alle Größen auf einen Blick. Ein Pixel ist ein Bildpunkt. Die Angaben findest du auch in PetWorkers direkt am Feld. Das quadratische Logo ist 400 mal 400 Pixel groß, das Logo im Querformat 400 mal 150. Ein Titelbild ist 1920 Pixel breit und 400 bis 900 Pixel hoch. Das Hauptbild eines Themas ist 1100 Pixel breit.
Ein Foto zuschneiden
Fotos aus Kamera oder Handy sind meist viel höher als ein Titelbild. Ein Titelbild ist dagegen ein breiter, flacher Streifen. Wähle deshalb in deinem Bildprogramm einen breiten Ausschnitt, in dem das Wichtige liegt, und schneide den Rest oben und unten weg. Dann stellst du die Breite auf 1920 Pixel und lässt das Seitenverhältnis beibehalten. So wird nichts verzerrt.
Fotos verkleinern
Fotos vom Handy sind oft mehrere Megabyte groß. Das macht dein Portal langsam, vor allem unterwegs. Unser Beispielbild hatte 1,5 Megabyte. Auf 1100 Pixel Breite und JPG-Qualität 80 Prozent sind es nur noch 112 Kilobyte. Fast jedes Bildprogramm kann das beim Speichern. Es gibt auch kostenlose Webseiten zum Komprimieren von Bildern.
Logos hochladen
Jetzt laden wir in PetWorkers hoch. Die Logos findest du links unter „System“ und dann „Einstellungen“. Klicke oben auf „Zentrale Logos“. Das „Logo quadratisch“ wird für den Browser-Tab und das Menü deines Portals verwendet. Das „Logo Querformat“ steht auf deinen Rechnungen, in deinen E-Mails und auf der Anmeldeseite. Wähle die Datei aus und klicke auf „Hochladen“. Ist ein Logo zu groß, verkleinert PetWorkers es automatisch. Kleine Bilder werden nie vergrößert. Einzelne Logos ersetzt du unter „Einstellungen“ im Kasten „Ressourcen“, über „Neue Datei hochladen“. Siehst du danach noch das alte Logo, zeigt dein Browser eine gespeicherte Kopie. Lade die Seite mit gedrückter Umschalttaste neu. Im Portal steht das Logo oben links im Menü.
Titelbilder und Themenbilder
Das Titelbild einer Seite lädst du in der Seitenverwaltung hoch, im Abschnitt „Seitenkopf“. Wie das geht, zeigt das Video zur Seitenverwaltung. So sieht ein Titelbild im Portal aus: ein breiter Streifen über die ganze Seite. Das Bild einer Gruppe oder eines Kurses kommt aus dem Thema. Du findest es unter „Stammdaten“ bei den Themen, im Feld „Hauptbild“. Im Portal steht das Themenbild bei der Gruppe, hier die Welpengruppe.
Zusammenfassung
Kurz gesagt: Logos als PNG, Fotos als JPG. Titelbilder 1920 Pixel breit, Themenbilder 1100 Pixel. Und Fotos vor dem Hochladen verkleinern. Im nächsten Video zeige ich dir, wie du die Texte in deinem Kundenportal änderst.