> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep-tervek JPG vagy PNG képfájlok formátumban való letöltése

> A Flowstep támogatja a tervek JPG vagy PNG formátumban való exportálását. Ismerd meg, hogy melyik formátum felel meg az igényeidnek, és hogyan tölthetheted le a képernyőket pár kattintással.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Ha készen vagy egy terv megosztására vagy átadására, a Flowstep lehetővé teszi, hogy statikus képként exportáld — JPG vagy PNG formátumban. Mindkét formátum széles körben támogatott a tervezőeszközök, prezentációs szoftverek és böngészők között, így az AI-generált terveket bárhová magaddal viheted.

## Hogyan exportálj egy tervet

<Steps>
  <Step title="Nyisd meg a tervedet">
    Navigálj a Flowstep-ben ahhoz a tervhez, amelyet exportálni szeretnél.
  </Step>

  <Step title="Nyisd meg az exportálás menüt">
    Keress az exportálás lehetőséget az eszköztárban vagy a tervezési panelen. Kattints rá az exportálási beállítások megnyitásához.
  </Step>

  <Step title="Válaszd ki a formátumod">
    Válassz a **JPG** vagy a **PNG** közül a felhasználási esetedtől függően (lásd alább az összehasonlítást).
  </Step>

  <Step title="Töltsd le a fájlt">
    Erősítsd meg a választásodat, és töltsd le az exportált képet az eszközödre.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG vagy PNG: melyik formátumot válasszam?

|                    | JPG                                                                               | PNG                                                       |
| ------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------- |
| **Mire a legjobb** | Előnézetek megosztása, prezentációk, érintett felek felülvizsgálata               | Tervek transzparens hátterekkel, nagy fidelitású átadások |
| **Fájlméret**      | Kisebb — gyorsabb a megosztás e-mailen vagy üzenetkezelő alkalmazásokon keresztül | Nagyobb — megőrzi a teljes képrészleteket                 |
| **Transzparencia** | Nem támogatott                                                                    | Támogatott                                                |
| **Minőség**        | Enyhén tömörített                                                                 | Veszteségmentes — nincs minőségvesztés                    |

<Tip>
  Ha a tervedet egy diavetítésbe illesztesz, vagy gyorsan szeretnél egy előnézetet küldeni egy ügyfélnek, a JPG általában a megfelelő választás. Ha éles széleket vagy transzparens hátteret kell használnod — például ahhoz, hogy a tervet egy másik képre helyezd rá — használj PNG-t.
</Tip>

## Kódexportálás

A képeken túl a **Code** gomb egy képernyőt React + Tailwind kódként exportál — másolj ki egy részletet, vagy töltsd le a teljes csomagot ZIP-ként. A csomagok önállóak: a tervezésben használt képek (beleértve azokat is, amelyeket a csevegési panelen csatoltál) a `public/assets/` mappában szerepelnek, a kóddal, amely helyi útvonallal hivatkozik rájuk, így az exportálás olyan, ahogy van, futtatható.

A letöltött fájlok — akár képek, akár kódcsomagok — azon képernyő neve után kapnak nevet, amelyhez tartoznak (visszaesve a fájl nevére, ha a képernyő nincs elnevezve), ami könnyen azonosíthatóvá teszi az exportokat, ha sok képernyővel dolgozol.

<Note>
  Ha a tervedet egy vektorgrafikai szerkesztési munkafolyamatba szeretnéd vinni, helyette közvetlenül másolj a Figmába. Lásd: [Flowstep-tervek közvetlen másolása a Figmába](/hu/figma-integration).
</Note>