# Bild - Größenänderung und Hintergrundentfernung

Sobald Sie in den **Einstellungen des Elements** die Quelle auswählen, aus der der Bildeditor Produktbilder beziehen soll, wird ein Platzhalterbild eines zufällig ausgewählten Produkts auf der Leinwand angezeigt. Wenn Sie das Bild eines bestimmten Produkts hochladen möchten, müssen Sie dies als Bedingung im Abschnitt Bedingungen für **Produkte angeben**.

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/QXcpMbc2mTQ1pTm1kExB/1.png" alt=""><figcaption></figcaption></figure>

Das eingefügte Bild kann weiterhin in den **Einstellungen** auf der rechten Seite bearbeitet werden, wo Sie die Größe (Breite und Höhe), das Format und gegebenenfalls den Hintergrund auswählen können. Auf dem Bild unten sehen Sie die ausgewählte Größe für **Heureka: 2000 x 2000**. Diese Zahl ändert sich automatisch auch in den Spalten "Breite" und "Höhe". Je nach ausgewählter Größe wird auch die Größe der Leinwand angepasst.

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/1TuXJyN4KQRsTIBFigLX/2.png" alt=""><figcaption></figcaption></figure>

Nachdem Sie auf das Platzhalterbild geklickt haben, wird auf der rechten Seite ein Bedienfeld angezeigt, in dem Sie einzelne Anpassungen vornehmen können. Es handelt sich um fast die gleichen Anpassungen wie bei der Textebene. In dieser Ebene finden Sie jedoch zusätzlich "Anpassen" und "Hintergrund entfernen". Andererseits finden Sie hier keine Option zum Ändern der Farbe, Abrunden der Ecken oder Auswahl einer Umrandung.

\
**Přizpůsobení**&#x20;

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/LqHhbU1nGziMMVPRCvlh/3.png" alt=""><figcaption></figcaption></figure>

Wenn Sie möchten, dass das Produktbild die gesamte Leinwand ausfüllt, ändern Sie die Breite und Höhe im Bedienfeld auf 2000 x 2000 px. Zentrieren Sie es und das Bild füllt die gesamte Leinwand aus. Sie können dies überprüfen, indem Sie auf das Symbol "Vorschau" auf der rechten Seite klicken. Um zur Bearbeitung zurückzukehren, klicken Sie auf das Symbol "Designer".

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/qUXN102hI7denaIZU7vI/4.png" alt=""><figcaption></figcaption></figure>

Auf dem Bedienfeld haben wir die Option "Ausfüllen" ausgewählt, die sicherstellt, dass das Bild nicht über die Ränder der Leinwand hinausragt.

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/3jk6O2V8F8i37ZjXMCTF/Sn%C3%ADmek%20obrazovky%202023-02-07%20v%C2%A013.17.35.png" alt=""><figcaption></figcaption></figure>

Wenn jedoch die Option "Ausfüllen und Zuschneiden" ausgewählt wäre, würde das Bild so angepasst, dass es die gesamte Leinwand vollständig ausfüllt.

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/ZFNGIvYTRq5VhBqG2KxI/6.png" alt=""><figcaption></figcaption></figure>

Das würde jedoch dazu führen, dass das ausgewählte Bild beschnitten wird, und auf der Leinwand würde nur ein Teil davon übrig bleiben.<br>

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/i6SHhpXPdvjZ8GGBqv8E/7.png" alt=""><figcaption></figcaption></figure>

Daher ist es immer wichtig, den Produktbildinhalt zu überprüfen, den wir einfügen.

**Entfernen Sie den Hintergrund.**

Wie bereits erwähnt, besteht bei Bildern die Möglichkeit, den Hintergrund zu entfernen, sodass nur das eigentliche Produkt übrig bleibt.<br>

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/RTeEwUOE9Y81Bh7mdEHT/8.png" alt=""><figcaption></figcaption></figure>

Um den Hintergrund eines Bildes zu entfernen, genügt es, die Schaltfläche "Hintergrund entfernen" in die aktive Position zu setzen und eine Vorschau anzuzeigen. Dann sehen wir das Produkt ohne Hintergrund auf einer sauberen Leinwand.

<figure><img src="https://content.gitbook.com/content/DJF24RcoXB3whEqdD2N0/blobs/bmNDNt36pEQCndeRt12Z/9.png" alt=""><figcaption></figcaption></figure>

Bei dieser Anpassung ist es wichtig darauf zu achten, dass der Hintergrund keine komplexen Muster enthält. Andernfalls könnte es zusammen mit der Entfernung des Hintergrunds auch zur Entfernung eines Teils des Produkts kommen.