# Obrázek - změna velikosti a odebrání pozadí

Ve chvíli, kdy v **Nastavení elementu** zvolíte zdroj, ze kterého obrázkový editor bude čerpat produktové obrázky, zobrazí se vám na plátně zástupný obrázek náhodně vybraného produktu. V případě, že chcete nahrát obrázek určitého produktu, je toto nutné zadat podmínkou v části **Podmínky pro produkty**.

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2F1USXfUgP3S374dkwrQd5%2Fobrazkovy%20editor%20id.png?alt=media&#x26;token=4fbdb76a-8c2e-48dd-9210-f58159dc9372" alt=""><figcaption></figcaption></figure>

Vložený obrázek je dále možné upravit v **Nastavení** po pravé straně, kde zvolíte jeho velikost, (šířku a výšku), formát, popřípadě barevné pozadí. Na obrázku níže vidíte zvolenou velikost **Heureka: 2000 x 2000**. Toto číslo se vám automaticky změní také v kolonkách „*Šířka*“ a „*Výška*“. V závislosti na zvolené velikosti se také upraví velikost plátna.&#x20;

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FCtXEHCHRb9TGGmt2ME8U%2Fobrazkovy%20editor%202000.png?alt=media&#x26;token=393186e2-32c1-457f-a832-1234657bb89b" alt=""><figcaption></figcaption></figure>

Po kliknutí na zástupný obrázek se vám po pravé straně zobrazí ovládací panel, kde lze provádět jednotlivé úpravy. Jedná se o téměř stejné úpravy jako v případě Textové vrstvy. V této vrstvě se však navíc nachází "*Přizpůsobení*" a "*Odebrat pozadí*". Naopak zde nenajdeme možnost změnit barvu, zaoblit rohy nebo zvolit ohraničení.&#x20;

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

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FfIxk4TkZhaip8OzwShh6%2Fprizpusobeni.png?alt=media&#x26;token=5747e850-52d0-4091-a4ec-389c223fa649" alt=""><figcaption></figcaption></figure>

\
V případě, že chcete, aby produktový obrázek zabíral celé plátno, změníte na ovládacím panelu jeho šířku a výšku na 2000 x 2000 px. Zarovnáte na střed a obrázek vám vyplní celé plátno. O čem se můžete přesvědčit kliknutím na ikonku „*Náhled*“ vpravo. Do editace se pak vrátíte kliknutím na ikonu „*Designer*“.

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FZLEXrCGRKb9tnJqnz8Fm%2F4.png?alt=media&#x26;token=cb9d2eae-2ec3-42ec-8644-e31f13928236" alt=""><figcaption></figcaption></figure>

Na ovládacím panelu máme zvolenou možnost „*Vyplnit*“, která nám zajišťuje, že se nám obrázek nepřelije přes kraje plátna.&#x20;

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FfTVo7U8sIqoGtol21sjy%2Ftlacitko%201.png?alt=media&#x26;token=6ed87209-42e3-43b8-9d85-4d75188ec7af" alt=""><figcaption></figcaption></figure>

Pokud bychom však zvolili možnost "*Vyplnit a oříznout*", obrázek by nám tak vyplnil úplně celé plátno.

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FrXOfHuMSLDxfeiokLbK6%2Ftlacitko%202.png?alt=media&#x26;token=48b90d88-25ac-4c63-ac97-6386119af5a8" alt=""><figcaption></figcaption></figure>

To by však u námi zvoleného obrázku vedlo k jeho oříznutí a na plátně by nám pak zůstala pouze jeho část.&#x20;

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FZRVLIuHYXbcHjwom7uio%2F7.png?alt=media&#x26;token=1a4cecab-72d5-49ed-8c81-b2627c223837" alt=""><figcaption></figcaption></figure>

Je proto vždy nutné zkontrolovat jaký produktový obrázek vkládáme.&#x20;

**Odebrat pozadí**

Jak bylo již zmíněno u obrázků je možnost odebrat jejich pozadí, aby nám tak zůstal pouze samotný produkt.

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2F6tZBeE9azQRBuhQx5gWU%2F8.png?alt=media&#x26;token=1de31009-46ac-48bd-b8f9-b56d9f23206b" alt=""><figcaption></figcaption></figure>

Pro odebrání pozadí obrázku stačí přepnout tlačítko "*Odebrat pozadí*" do aktivní polohy" a zobrazit náhled. Produkt pak vidíme bez pozadí na čistém plátně.

<figure><img src="https://2852746025-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGgueKHhv5V6mJ_aeRu%2Fuploads%2FQwTH4WaJUYVt8zBpgNNR%2F9.png?alt=media&#x26;token=a6713054-871b-49c4-bc88-d44022c489b8" alt=""><figcaption></figcaption></figure>

U této úpravy je třeba dbát na to, aby pozadí neobsahovalo žádné složité obrazce. V opačném případě by mohlo dojít společně s odstraněním pozadí k odsttranění části produktu.&#x20;
