Útmutatók

Kép beillesztése fórumba: BBCode, HTML és Markdown kód kész mintával

A fórum nem a fájlt, hanem a kódot jeleníti meg. BBCode, HTML és Markdown minta, melyik motor mit fogad, gyakori hibák, és lépésről lépésre a FileMv beágyazókódja.

FileMv csapatFrissítve:8 perc olvasás

Kép beillesztése fórumba: BBCode, HTML és Markdown kód kész mintával

Képet fórumba úgy illesztesz be, hogy előbb feltöltöd egy képtárhelyre, majd a kapott kódot másolod a hozzászólásba: a klasszikus fórumok (phpBB, MyBB, vBulletin, XenForo) BBCode-ot várnak ([url=…][img]…[/img][/url]), a weboldalak és blogszerkesztők HTML-t (<a><img></a>), a GitHub és a fejlesztői oldalak Markdown-t ([![…](…)](…)). Mindhárom ugyanazt csinálja: megjeleníti a képet, és kattintásra a teljes méretű változathoz visz. Ebben a cikkben kész mintakódot adunk mindhárom formátumhoz, megmutatjuk, melyik motor mit fogad, mit tegyél, ha a kép nem jelenik meg, és hogyan kapod meg a kész kódot egy kattintással.

Miért nem elég bemásolni a képet?

Egy fórumhozzászólás szöveg. Ha a képet a vágólapról bemásolod, a legtöbb fórumszerkesztő vagy nem fogadja el, vagy csak a saját csatolmányfeltöltőjén keresztül, szigorú méretkorláttal. Amit a fórum valójában megjelenít, az egy hivatkozás egy máshol tárolt képre: a hozzászólásban csak a kép címe áll, a böngésző pedig onnan tölti be, valahányszor valaki megnyitja a témát.

Ebből két dolog következik. Az egyik, hogy kell egy hely, ahol a kép nyilvánosan elérhető, vagyis egy képtárhely, például egy ingyenes képfeltöltő. A másik, hogy a kép addig látszik a fórumon, amíg az a tárhely él. Ha a tárhely megszűnik, a hozzászólásban egy üres keret marad, ahogy azt a régi magyar képfeltöltők megszűnésekor tízezrével láttuk (erről a magyar képfeltöltő oldalakról szóló cikkünkben írtunk).

Ha csak egy linket akarsz valakinek elküldeni a képhez (e-mailben, üzenetben), arról a kép link készítéséről szóló cikkünk szól. Ez a cikk arról, hogyan jelenjen meg a kép magában a fórumban, blogban vagy hirdetésben.

A három formátum, kész mintakóddal

Az alábbi minták pontosan olyanok, amilyet a FileMv beágyazópanelje kiad egy képre, a kezdőlapi feltöltés után. A pelda123 és a hosszú azonosító helyén a saját megosztásod adatai állnak; a többit nem kell kézzel szerkesztened.

Ugyanaz a kép három kódban: BBCode fórumokhoz, HTML weboldalakhoz és Markdown GitHubhoz, README-hez. Az olvasó mindháromnál a képet látja, alatta egy „képfeltöltés” linket; a képre kattintva a megosztási oldalra jut.

BBCode (fórumokhoz)

A FileMv-nél ez a Fórum (kép + link) fül:

[url=https://filemv.com/s/pelda123][img]https://filemv.com/api/public/files/3f2a9c1e-5b7d-4e8f-a1c2-d3e4f5a6b7c8/variants/display-1080.jpg[/img][/url]
[url=https://filemv.com/]képfeltöltés[/url]

A belső [img]…[/img] jeleníti meg a képet, a köré tett [url=…]…[/url] teszi kattinthatóvá. A sorrend számít: előbb nyílik az [url], és utoljára zárul.

HTML (weboldalakhoz, blogokhoz, hirdetésekhez)

<a href="https://filemv.com/s/pelda123" title="Filemv - képfeltöltés"><img src="https://filemv.com/api/public/files/3f2a9c1e-5b7d-4e8f-a1c2-d3e4f5a6b7c8/variants/display-1080.jpg" alt="Filemv - képfeltöltés"></a>
<br><a href="https://filemv.com/">képfeltöltés</a>

Az <img> tag src mezője a kép címe, az alt a helyettesítő szöveg (ezt olvassa fel a képernyőolvasó, és ez látszik, ha a kép nem töltődik be), a köré tett <a> pedig a kattintható link.

Markdown (GitHub, README, dokumentáció)

[![Filemv - képfeltöltés](https://filemv.com/api/public/files/3f2a9c1e-5b7d-4e8f-a1c2-d3e4f5a6b7c8/variants/display-1080.jpg)](https://filemv.com/s/pelda123)
[képfeltöltés](https://filemv.com/)

A ![alt](kép-címe) a kép, és ha egy […](link) szögletes zárójelébe teszed, kattinthatóvá válik.

Az utolsó sor: törölhető

Mindhárom kód végén áll egy rövid hivatkozás a FileMv főoldalára, képnél „képfeltöltés”, más fájlnál „fájlmegosztás” szöveggel. A kép megjelenését és a linket nem befolyásolja; ha nem kell, nyugodtan töröld ki a beillesztett kódból.

Kattintható kép vagy teljes méretű kép?

Képtárhelyeknél régen két kódot kaptál: egy kis bélyegképet, ami a nagy képre visz, és egy „direkt linket” a teljes méretű fájlra. Fórumba általában az első a jobb választás: a téma gyorsan betöltődik, és akit érdekel, rákattint.

A FileMv tudatosan csak az elsőt adja. A beágyazott kép egy legfeljebb 1080 pixeles (hosszabbik oldalán), JPG-be mentett előnézeti változat, amelyből az EXIF-adatok, köztük a helyadatok, ki vannak szedve. A kép kattintható, és a megosztási oldalra visz, ahol az olvasó nagyban megnézheti, és letöltheti az eredeti fájlt. Az eredeti fájlra közvetlenül mutató, nyers képlinket nem adunk. Ennek oka, hogy a megosztási oldal őrzi az eredetit és a letöltést, a fórumba pedig elég egy kisebb kép, amely nem lassítja a témát, és nem viszi a fotóid helyadatait egy nyilvános oldalra.

Két következménye van, amiről jó tudni. Az animált GIF a beágyazásban állóképként jelenik meg, mert az előnézet JPG; az animációt a megosztási oldalon látja az olvasó. Egy 1080 pixelnél kisebb képet pedig nem nagyítunk fel, az eredeti méretében jelenik meg.

Melyik fórum és oldal melyik kódot fogadja?

A fórumot vagy oldalt futtató motor dönti el, melyik kód működik. Ha nem tudod, mi fut alatta, nézd meg a hozzászólás-szerkesztő eszköztárát: ha a képgomb [img] címkét szúr be, BBCode; ha ![](…)-t, Markdown; ha vizuális szerkesztő, HTML-t vagy beillesztett képcímet vár.

Hol illesztesz be?KódMegjegyzés
phpBB, MyBB, vBulletin, XenForo és a legtöbb klasszikus fórumBBCodeAz adminisztrátor kikapcsolhatja az [img] címkét; ilyenkor csak link megy.
WordPress (Egyéni HTML blokk), weboldal-szerkesztők, webshop- és hirdetésleírások, amelyek engednek HTML-tHTMLAhol csak sima szöveget fogad a mező, ott a Link fül kell.
GitHub, GitLab, README-k, dokumentációs oldalak, Discourse-alapú fórumokMarkdownA GitHub a külső képeket a saját proxyján keresztül tölti be.
Reddit-hozzászólás, Discord-üzenetsima linkEzek nem jelenítenek meg külső képet Markdownból; a sima linkből jellemzően előnézeti kártya lesz.

A magyar fórumok egy része (például a nagy hardveres és közösségi oldalak) saját motort használ, saját jelölésekkel; ezeket nem tudtuk megbízhatóan ellenőrizni. Ilyenkor a fórum súgója vagy a szerkesztő képgombja megmondja, mit vár. Ha a BBCode nem működik, egy próbahozzászólás előnézetében gyorsan kiderül.

Mi a különbség a FileMv BBCode és Fórum füle között?

A kezdőlapi feltöltés után megjelenő panelen két BBCode-os fül is van, mert a fórumokon kétféle igény van:

  • BBCode: szöveges link, képnél „Filemv - képfeltöltés” felirattal: [url=https://filemv.com/s/pelda123]Filemv - képfeltöltés[/url]. Akkor jó, ha a fórum nem enged képet, vagy csak hivatkozni akarsz.
  • Fórum (kép + link): a fenti, kattintható képes kód. Képnél ezt válaszd; más fájlnál (PDF, videó, ZIP) ugyanazt a szöveges linket adja, mint a BBCode fül.

Gyakori hibák: ha nem jelenik meg a kép

Hibakereső ábra: kód betűi látszanak – rossz kódtípus; törött kép és http-s cím – vegyes tartalom; böngészőben megnyílik, fórumon nem – hotlink-védelem; jelszavas link – idegen nem látja; elutasítja – túl nagy kép; évek után eltűnt – megszűnt a tárhely.

Rossz kódtípus. Ha a hozzászólásban a kód betűi látszanak kép helyett, a fórum nem azt a nyelvet beszéli, amit beillesztettél: Markdownt tettél BBCode-os fórumba, vagy fordítva. Az is lehet, hogy a fórumon ki van kapcsolva az [img]. Ilyenkor válts fület, vagy maradj a szöveges linknél.

Hotlink-védelem. Sok tárhely nem engedi, hogy más oldal betöltse a képeit (a böngésző elküldi, melyik oldalról kéri a képet, és a tárhely ez alapján tilt). A kép böngészőben megnyílik, a fórumban viszont üres keret vagy egy „tiltott” helyettesítő kép látszik. Ilyenkor olyan tárhely kell, amelyik kifejezetten beágyazásra való; a FileMv beágyazott képeinél nincs ilyen tiltás.

Http-s kép https-es oldalon. A mai böngészők egy http:// címről kért képet automatikusan https://-re váltanak, ha az oldal biztonságos. Ha a régi tárhely nem tud https-t, a kép nem töltődik be. Mindig https://-sel kezdődő kódot használj; a FileMv kódjai ilyenek.

Túl nagy kép. A fórumok csatolmányfeltöltője és a képproxyk gyakran korlátozzák a fájlméretet vagy a felbontást, a túl nagy kép pedig lassú telefonon. Ha a fórumra töltenéd fel, előbb kicsinyítsd a képtömörítővel, amely a böngésződben fut, minőségcsúszkával vagy megadott célmérettel. A FileMv-be ágyazott kép magától legfeljebb 1080 pixeles, ezzel nem kell foglalkoznod.

Privát vagy jelszavas link. A fórum olvasója nincs bejelentkezve a te fiókodba, és nem tudja a jelszót. Védett képet nem lehet úgy beágyazni, hogy idegenek lássák. A FileMv jelszavas megosztásnál és mappánál ezért csak szöveges linket ad: az olvasó a megosztási oldalon adja meg a jelszót.

Eltűnt kép egy régi témában. Ha a kép évekig látszott, most pedig nem, a tárhely szűnt meg, vagy lejárt a kép. A kepfeltoltes.hu 2016 decemberében, az Indafotó 2025. március 31-én zárt be, és a képeik a fórumtémákból is eltűntek. Ilyenkor csak az újrafeltöltés segít, olyan helyre, ahol a kép nem jár le.

A beágyazott kép nem lesz keresőtalálat

Sokan azért aggódnak, hogy ha egy képet fórumba tesznek, a Google megtalálja a fájljaik között. Két dolgot érdemes szétválasztani.

A fórumtéma nyilvános oldal: amit beillesztesz, azt mindenki látja, aki a témát olvassa, és a fórumoldal maga is megjelenhet a keresőkben. Ezért amit nem mutatnál meg bárkinek, azt ne nyilvános fórumba tedd.

A FileMv megosztási oldala viszont alapból nem kerül be a keresőkbe: a megosztás csak a linkkel érhető el. Feltöltéskor van egy „Megjelenhet a keresőkben” jelölőnégyzet, amely alapból ki van kapcsolva. Csak ha bekapcsolod, akkor találhatja meg bárki a Google-ban és a FileMv keresőjében, a fájl nevével. A jelszavas megosztás sosem jelenik meg a keresőkben. A beágyazókód működése ettől független: a kép a fórumban akkor is látszik, ha a megosztás nem kereshető.

A FileMv beágyazókódja lépésről lépésre

  1. Nyisd meg a filemv.com kezdőlapot, és húzd rá a képet (vagy koppints a feltöltésre). Fiók nem kell: egyszerre 10 fájlt tölthetsz fel, fájlonként 100 MB-ig.
  2. A feltöltés végén megjelenik a Beágyazás panel öt füllel: Link · BBCode · Fórum (kép + link) · HTML · Markdown. Ha több képet töltöttél fel, minden kép külön sort kap, így egy mozdulattal az egészet másolhatod.
  3. Válaszd ki a fület, nyomd meg a Kód másolása gombot, és illeszd be a hozzászólásba.
  4. Nézd meg az előnézetet a fórumon. Ha közvetlenül feltöltés után a kép még nem látszik, várj pár pillanatot: az előnézeti kép a háttérben készül el, és a kód magától rendbe jön, nem kell újramásolni.

Ugyanez a panel más helyeken összecsukva, három formátummal (BBCode · HTML · MD) jelenik meg, a Beágyazás gombra kattintva nyílik ki: a feltöltő ablakban, ha fiók nélkül egyetlen fájlt töltöttél fel; magán a megosztási oldalon, a megosztás ablakában; és fiókkal a Meghajtón bármely fájl megosztási ablakában. Itt a link szövege és a kép alt mezője a fájl neve, a HTML-kódban pedig a kép késleltetett betöltést kap (loading="lazy"), egyébként a kód ugyanaz.

Jelszavas megosztásnál és mappánál a panel csak szöveges linket ad, kép nélkül. A beágyazás részleteit a súgó beágyazókódokról szóló oldala is összefoglalja.

Ami a fórumképeknél a legfontosabb: a FileMv-re feltöltött fájlok és linkek nem járnak le, így a beillesztett kép nem tűnik el egy hét vagy egy hónap múlva a témából. A tárolás EU-s (franciaországi) szerveren történik.

Összefoglalva

Fórumba BBCode, weboldalba HTML, GitHubra Markdown kód kell, és mindhárom egy máshol tárolt képre hivatkozik. Ha nem jelenik meg a kép, először a kódtípust, aztán a https-t, a hotlink-védelmet és a jelszót nézd meg. A FileMv a feltöltés után fiók nélkül is kész kódot ad mindhárom formátumban, lejárat nélkül.

Kapcsolódó eszközKéptömörítőTömörítsd és méretezd át a képeidet — minőségcsúszkával vagy megadott fájlmérettel, több képet egyszerre, a böngésződben.Megnyitás →

Gyakori kérdések

Töltsd fel a képet egy képtárhelyre, másold ki a BBCode-ot, és illeszd be a hozzászólásba. A kattintható kép kódja `[url=megosztási-link][img]kép-címe[/img][/url]`; a FileMv-nél ezt a Fórum (kép + link) fül adja kész formában.

Utoljára frissítve:FileMv csapat

  • BBCode kép
  • kép beágyazása weboldalba
  • img tag
  • Markdown kép
  • kép beillesztése hirdetésbe

Kapcsolódó cikkek

Minden cikk →