# Hogyan cseréld ki és pozicionáld a háttérképeket Canonical URL: https://support.optimonk.com/hu/articles/how-to-replace-crop-and-position-background-images A háttérkép általában a popup legszembetűnőbb eleme, és ez az a rész, amelyet a leggyakrabban lecserélnél a saját anyagodra. A szerkesztőben kicserélheted egy saját fájlra, kiválaszthatsz egyet a képkönyvtáradból, és beállíthatod, hogyan töltse ki a rendelkezésre álló helyet. Ebben a cikkben: - hogyan cserélhetsz ki egy háttérképet, - mit jelent a négy **Pozíció** lehetőség, - hogyan jelenítsd meg csak a kép általad kívánt részét. --- ## Nyisd meg a popupot a szerkesztőben 1. Nyisd meg a **Kampányok** menüpontot a bal oldali menüben, majd kattints a szerkesztendő kampányra. 2. A **Variánsok** táblázatban kattints a variánsra, amelyet módosítani szeretnél. A variáns egy előnézeti felületen nyílik meg. 3. Az előnézeti felület alján kattints a **Drag & drop editor** gombra. > Egy build után közvetlenül a design beszélgetésből is elérheted: az elkészült popup eszköztárán van egy **Szerkesztés az editorban** gomb. --- ## Háttérkép cseréje 1. Kattints a képre a vásznon. A jobb oldali panel átvált a **Vizuális** fülre, és megjeleníti az elem tulajdonságait. Ha egy olyan kártyára vagy konténerre kattintottál, amelynek a *háttere* a kép, az elem neve **Background (stage) (Háttér (színpad))** vagy a panel megmutatja, hol található valójában a kép: *Ez a kép egy másik elemen található. Ha itt cseréled ki, ott is megváltozik.* 2. Keresd meg a **Háttérkép** blokkot. Ez megjeleníti a jelenlegi kép egy miniatűrjét, alatta pedig a **Háttérkép csere** gombot. Most válassz a két lehetőség közül: - **URL beillesztése.** Írd be vagy illesd be a címet a mezőbe (előre kitöltve a jelenlegi címmel), majd kattints a **Csere** gombra. - **Képek böngészése.** Kattints a **Képek tallózása** gombra, hogy megnyisd a képkönyvtáradat. 3. A könyvtárban három csoport közül választhatsz: - **Ebben a designban** — a popupban már használt képek. - **Feltöltéseim** — minden, amit korábban feltöltöttél. *Minden, amit itt feltöltesz, elérhető marad a következő kampányodhoz is.* - **Korábbi kampányaimból** — képek a korábbi kampányaidból. Használd a **Keresés fájlnévre** funkciót, ha hosszú a lista, majd húzd a kurzort egy kép fölé, és kattints a **Használat gombra.**. **Az Eltávolítás a könyvtárból** gomb törli azt a feltöltést, amelyre már nincs szükséged. 4. Új fájl feltöltéséhez kattints az **Feltöltés a gépedről** gombra ugyanabban az ablakban, vagy egyszerűen húzd rá a fájlokat — *Húzd ide a képeket*. Engedélyezett formátumok: **PNG, JPG vagy WebP · max. 20 MB**. Ha egy fájl megsérti a szabályt, erről üzenetet kapsz: *"name" mérete 24,1 MB. A limit 20 MB. Válassz kisebb képet, vagy tömörítsd 20 MB alá.* 5. Kattints a **Mentés** gombra a szerkesztő fejrészén, amikor elkészültél. Egy már publikált kampány esetén a mentés frissíti az élő kreatívot is. --- ## Mit jelentenek a Pozíció opciók? A kép alatt négy vezérlőt találsz. **Pozíció** határozza meg, hogyan tölti ki a kép a dobozt: - **Eredeti** — a kép saját méretében, átméretezés nélkül, a bal felső sarokból kerül elhelyezésre. - **Tartalmaz** — a kép torzítás nélkül úgy méretezik, hogy beleférjen a dobozba. A teljes kép látható marad; körülötte üres hely maradhat. - **Borító** — a kép torzítás nélkül kitölti a teljes dobozt. Ami nem fér bele, az levágásra kerül a szélein. - **Nyújtás** — a kép pontosan kitölti a dobozt, az eredeti méretarány figyelmen kívül hagyásával. Ez torznak tűnhet. Alatta: - **Igazítás X** és **Igazítás Y** — két százalékos érték, amely megmutatja, hogy a kép melyik része legyen a doboz közepén. Ezek minden pozíciónál megjelennek, kivéve a **Nyújtás** esetében (egy nyújtott kép mindent kitölt, így nincs mit igazítani). - **Ismétlés** — **Nincs**, **Ismétlés**, **Horizontális ismétlés** vagy **Vertikális ismétlés**. Ez mintáknál hasznos; fotóknál hagyd **Nincs** beállításon. --- ## "Csak a kép egy részét szeretném" — hogyan vágj ki egy részt A szerkesztőben nincs vágóeszköz: nem tudsz keretet húzni a képre a vásznon. Három módon érheted el ugyanazt az eredményt: 1. **Borító** + **Igazítás X** / **Igazítás Y**. Ez a legközelebbi a vágáshoz, és csak néhány másodpercig tart. Állítsd a **Pozíció** értéket **Borító**-re, majd mozgasd az **Igazítás X** és **Igazítás Y** értékeket addig, amíg a számodra fontos rész — egy arc, egy termék, egy logó — az, amelyik látható marad. Semmi nem torzul, csak a keretezés változik. 2. **Az AI fül használata.** Válts a jobb oldali panelen a **Visual** fülről az **AI** fülre, és írd le, mit szeretnél tenni a képpel. A szerkesztő képes **eltávolítani** valamit róla, **retusálni** azt, **átszínezni** vagy **lecserélni** egy részletet benne. Megmutatja, mit talált, és megvárja a jóváhagyásodat, mielőtt lefuttatja, és ha nem tetszik az eredmény, használhatod a **Visszavonás** funkciót. 3. **Vágd ki kívül, majd töltsd fel.** Vágd a képet a kívánt formára bármelyik képszerkesztő programban, majd töltsd be a **Browse images → Upload from your device** opcióval. Ez a legbiztosabb módja, ha pontos vágásra van szükséged. > 💡 Az AI fülön az asszisztens azokat a képeket szerkeszti, amelyek *már a designban szerepelnek*. Ha nem tudja elkészíteni a kért képet, ezt jelzi, és megnyitja a **Visual** fület a kép kijelölésével, így helyette a **Kép csere** funkcióval cserélheted ki. --- ## Több oldalas popupok Ha a popupodnak több oldala van, az oldalváltó a vászon alján található: **Főoldal**, **2. Oldal**, **3. Oldal**… (vagy **Main page** / **SMS** / **Köszönő oldal** egy funnel esetén). Minden oldalnak saját háttere van, ezért ismételd meg a fenti lépéseket minden módosítani kívánt oldalon — és ellenőrizd mindegyiket, mert egy kép, amely egy magas első oldalon szépen keretezhető, egy rövid köszönő oldalon rosszul is kinézhet. Egy fontos korlátozás: *az AI szerkesztés jelenleg csak a főoldalon érhető el.* A többi oldalon használd a **Visual** fület. --- ## Desktop és mobil A desktop és a mobil verzió két külön dokumentum — válts közöttük a fejrész nézetváltó vezérlőjével. Ha az egyiken módosítod a háttért, az nem változik automatikusan a másikon is, és amikor a kettő eltér egymástól, a szerkesztő egy **„a nézet eltér”** jelzéssel jelöli. Mentés előtt ellenőrizd mindkettőt.