Springe zum Hauptinhalt
Arrow Online-Beratung
Mehr zum Thema mit Link zur Seite: 'Öffne die Lasche für weitere Informationen zu caritas.de'
close
Caritas Deutschland
Caritas international
Adressen
Umkreissuche
Jobs
Umkreissuche
Kampagne
Facebook caritas.de YouTube caritas.de Instagram caritas.de Linkedin caritas.de
close
Kostenlos, anonym und sicher!

Sie benötigen Hilfe?

  • Allgemeine Sozialberatung
  • Aus-/Rück- und Weiterwanderung
  • Behinderung und psychische Beeinträchtigung
  • Eltern und Familie
  • HIV und Aids
  • Hospiz- und Palliativberatung
  • Jungen- und Männerberatung
  • Kinder und Jugendliche
  • Kinder- und Jugend-Reha
  • Kuren für Mütter und Väter
  • Leben im Alter
  • Migration
  • Rechtliche Betreuung und Vorsorge
  • Schulden
  • Schwangerschaft
  • Straffälligkeit
  • Sucht
  • Trauerberatung
  • U25 Suizidprävention
  • Übergang von Schule zu Beruf

Sie wollen wissen, wie die Online-Beratung funktioniert?

Inhalte filtern nach Thema
Mehr zum Thema mit Link zur Seite: 'aria-label="Link zur Startseite"'
  • Startseite
  • Gestaltungsrichtlinien
    • Responsive Design
    • Farben
    • Schrift
    • Icons
    • Formularfelder & Buttons
    • Caritas Logo
    Close
  • Elemente
  • Bilder
  • Service
    • Impressum
    • Datenschutz
    • Suche
    Close
  • Wir sind dabei
  • Backend-Editor
Suche
Home
Filter
  • Startseite
  • Gestaltungsrichtlinien
    • Responsive Design
    • Farben
    • Schrift
    • Icons
    • Formularfelder & Buttons
    • Caritas Logo
  • Elemente
  • Bilder
  • Service
    • Impressum
    • Datenschutz
    • Suche
  • Wir sind dabei
  • Backend-Editor
  • Sie sind hier:
  • Startseite
  • Bilder
Header halb
  • Startseite
  • Gestaltungsrichtlinien
    • Responsive Design
    • Farben
    • Schrift
    • Icons
    • Formularfelder & Buttons
    • Caritas Logo
  • Elemente
  • Bilder
  • Service
    • Impressum
    • Datenschutz
    • Suche
  • Wir sind dabei
  • Backend-Editor

Optimale Bildformate & Eigenschaften

Da die Caritas Seite responsiv arbeitet, werden die Bilder auch auf unterschiedlichen Endgeräten mit einer Breite von 100% angezeigt. Die Höhe wird dadurch proportional errechnet.

Allgemein

Um auf der Standard Auflösung von 1080p optimal dargestellt zu werden, sollten folgende Bildformate eingehalten werden:

Header Bild Content Bild
min. 1350 x 392 px min. 650 x 488 px
72 DPI 72 DPI

 

Für beide Formate gilt im Hinterkopf zu behalten, dass besonders im mobilen Bereich die Displays höher auflösen als herkömmliche Desktop Monitore. Ein gutes Smartphone-Display löst heutzutage umgerechnet auf bis zu 4k auf. Dementsprechend wirkt ein normal aufgelöstes Bild hochskaliert schnell unscharf.

Hier gilt die Faustregel:

Fotos oder Bilder mit der 2-fachen Größe (also Höhe und Breite X 2) für das Web exportieren. Dies gewährleistet eine saubere und scharfe Darstellung auf mobilen Geräten.

 

Empfohlene Seitenverhältnisse

Header Bild Content Bild
Seitenverhältnis: 3.45:1 Seitenverhältnis: 1.33:1

 

Do's and Dont's

Do's

  • Bilder als jpg-Dateien hochladen, da diese im Vergleich zu png-Dateien sehr viel kleiner sind
  • png-Dateien eignen sich für Grafiken mit transparenten Hintergründen (z.B. Logos) oder großen Farbflächen.
  • Bilder bereits komprimiert hochladen. (auf tinypng.com können jpg wie auch png Dateien komprimiert werden)

Dont's

  • keine niedrig aufgelösten Bilder verwenden oder hoch skalieren
YouTube responsive.carinet.de
nach oben
Cookies verwalten
Datenschutz
Impressum
Erklärung Barrierefreiheit
Barriere melden
  • Datenschutz: responsive.carinet.de/datenschutz
  • Impressum: responsive.carinet.de/impressum
Copyright © caritas 2025