Tipps & Tricks:Unterschiedliche Bildgröße und -format für Handy und Desktop
![Man sieht unterschiedliche gerahmte Bilder an der Wand (c) Jonny Caspari auf Unsplash Man sieht unterschiedliche gerahmte Bilder an der Wand](https://cdn.bistum-trier.de/export/shared/05_stockfotos/bilderrahmen-jonny-caspari-KuudDjBHIlA-unsplash.jpg_2014705365.jpg)
Mit dem letzten kleinen Zwischenupdate hat das System die Möglichkeit erhalten, die Bildformate und Bildgrößen zwischen der Desktop- und der mobilen Ansicht zu unterscheiden. Wir erklären Ihnen in diesem Artikel die Vorteile und das Vorgehen.
Vorab ein wichtiger Hinweis:
![Screenshot der Einstellungen. Man sieht bei Bildgröße und -format, dass die mobile Einstellung als erstes kommt. (c) Margit Haubrich Screenshot der Einstellungen. Man sieht bei Bildgröße und -format, dass die mobile Einstellung als erstes kommt.](/export/sites/portal/support/.galleries/bilder/bildeinstellungen-mobil-vor-desktop.png_599247826.png)
Ab sofort ist die erste Zeile immer der mobilen Einstellung gewidmet und erst darunter kommt die Desktop-Ansicht (das war bisher genau anders herum).
Wann ist eine Unterscheidung sinnvoll?
Es gibt mehrere Anlässe, weshalb mobil eine andere Größe oder Format gewählt werden sollte.
Beispiel 1:
![Screenshot der differenzierten Einstellungen (c) Margit Haubrich Screenshot der differenzierten Einstellungen](/export/sites/portal/support/.galleries/bilder/unterschied-mobil-deskop.png_609172293.png)
In der Desktop-Ansicht empfiehlt es sich bei zwei Personenangaben nebeneinander, das Bild im Passbildformat zu definieren. Dieses ist auf dem Handy jedoch viel zu groß. Hier empfehlen wir für mobil eine quadratische Ansicht.
Auf dem Deskop hat das Foto eine definierte Breite von 42%, mobil würde das jedoch eigenartig aussehen, weshalb für das Handy "Vorgabe des gewählten Layouts" die beste Variante ist. Diese Lösung ist in der Regel voreingestellt.
Zweites Beispiel
![Screenshot der differenzierten Einstellungen (c) Margit Haubrich Screenshot der differenzierten Einstellungen](/export/sites/portal/support/.galleries/bilder/Unbenannt-1.png_609172293.png)
In diesen beiden Textfeldern wurden nur die Felder für Desktop definiert. Hier erscheinen die Bilder hochkant mit 50% Breite, weil es so besser zum Text passt.
Mobil werden die Bilder dann "Wie im Inhalt eingestellt" angezeigt.