Bilder werden zu gross angezeigt

  • katherinediaz130
    Gefragt am 30. Oktober 2023 um 04:55

    In folgendem Formular (https://eu.jotform.com/build/223413164477354) werden die Bilder der Produkte einmal in der Grösse korrekt und einmal zu gross angezeigt.

    Kann jemand weiterhelfen und erklären wieso dies so passiert?
    Die Grösse der hochgeladenen Bilder sind jeweils dieselben.

    Vielen Dank

    Falsche Grösse:
    Bilder werden zu gross angezeigt Image 1 Screenshot 30

    Richtige Grösse:

    Bilder werden zu gross angezeigt Image 2 Screenshot 41

  • Detlev_H
    Geantwortet am 30. Oktober 2023 um 05:11

    Hi Katherine,

    Jotform bietet verschiedene Tools, mit denen Benutzer Bilder in ihre Formulare einfügen können, um diese ästhetisch ansprechender und leichter verständlich zu machen. Dieses Problem kann mehrere Ursachen haben. Der Hauptgrund sind in der Regel falsche Bildabmessungen. JotForm-Benutzer belassen die Bildgröße oft in der Standardeinstellung, was dazu führen kann, dass die Bilder größer als nötig sind.

    Es ist wichtig, die Bildgröße manuell an die gewünschte Größe und Formularstruktur anzupassen. Die Benutzer sollten auch bei den Bildgrößen auf Konsistenz achten, da ungleiche Größen das Layout des Formulars verzerren können.

    Manchmal werden auch versehentlich hochauflösende Bilder ausgewählt, die von Natur aus größer sind und das Layout des Formulars stören könnten. Daher ist es von Vorteil, Bilder mit einer für die Online-Ansicht geeigneten Auflösung zu verwenden. Dadurch wird nicht nur das Problem behoben, sondern auch die Ladezeit der Seite verkürzt und die Benutzerfreundlichkeit verbessert.

    Ebenfalls können die Einstellungen des Browsers die Darstellung der Bilder in Jotform beeinflussen. Einige Browser passen die Größe von Bildern automatisch an, um sie besser anzeigen zu können, was zu einer verzerrten Darstellung führen kann. Eine Überprüfung der Browser-Einstellungen und gegebenenfalls deren Anpassung kann helfen, dieses Problem zu lösen. Ich hoffe ich habe das Problem richtig verstanden und das hilft erstmal.

  • katherinediaz130
    Geantwortet am 31. Oktober 2023 um 06:12

    Guten Morgen

    Danke für die Antwort.

    Ich habe in meiner Fragestellung beschrieben, dass die Bilder dieselben Seitenverhältnisse haben. Insofern kann hier wohl kein Problem vorliegen.
    Auch werden Bilder die auf derselben Form sind unterschiedlich dargestellt. Also kann es nicht mit der Darstellung durch den Browser zusammenhängen.

    Was ich weiterhin herausgefunden habe, ist dass die Links der Bilder die hochgeladen wurden, unterschiedlich sind. Das zu grosse Bild ist unter https://eu-files.jotform.com/jufs/katherinediaz130/form_files/cg557-16m-.png abgelegt worden das Bild welches korrekt dargestellt wird, ist unter https://eu.jotform.com/uploads/katherinediaz130/form_files/1.jpg abgelegt worden.

    Bitte können Sie sich diesem nochmals annehmen. Vielen Dank.

  • Glenn_T Jotform Support
    Geantwortet am 31. Oktober 2023 um 08:31

    Hi katherinediaz130,

    Thanks for reaching out to Jotform Support. Unfortunately, our German Support agents are not available at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in German, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. I’m sorry you're having issues with your form. Let me look into it and get back to you with a solution.

    We appreciate your patience while we work on a solution.

  • Glenn_T Jotform Support
    Geantwortet am 31. Oktober 2023 um 08:59

    Hello katherinediaz130,

    Thanks for waiting patiently. You can inject this CSS code into your form so that it will show the whole image on your product list. Let me show you how to do it:

    .card-3col .form-product-item.new_ui.show_image .image_area{
    width: 29%;
    margin-left: 112px;
    }
    1. Open your form in Form Builder and click on the Paint Roller icon on the right corner of the screen.
    2. Go to the Styles tab and scroll down.
    3. Paste the code below into the Inject Custom CSS field. Bilder werden zu gross angezeigt Image 1 Screenshot 30

    Check out my screenshot result below:

    Bilder werden zu gross angezeigt Image 2 Screenshot 41

    Give it a try and let us know how it goes.