Wikipédia:Képek használata

Tudnivalók

Ezen az oldalon arról olvashatsz, hogy miként lehetséges képeket beilleszteni a Wikipédia oldalaira és formázni azokat a HTML és a wiki jelölőnyelv segítségével. Újonnan szerzett ismereteid a Homokozóban próbálhatod ki. Kérdéseidet felteheted a képek és egyéb médiafájlok kezelésével foglalkozó kocsmafalon vagy a Wikipédia IRC-csatornáján; ezen oldallal kapcsolatos észrevételeidet a vitalapon adhatod közre.

A képek felhasználhatósága

A képek felhasználhatósága a Magyar Wikipédiában
-	Commons	Wikipédia (magyar)	Wikipédia (idegen)	külső oldal
Megjelenítés	OK	OK	X	X
Link	OK	OK	OK	OK

Amint a táblázat is mutatja, a Magyar Wikipédában csak azok a képek jeleníthetők meg, amelyek fel vannak töltve a Magyar Wikipédia vagy a Wikimédia Commons szervereire. Utóbbi a szabadon felhasználható képek közös gyűjtőhelye, tartalma hozzáférhető minden Wikipédiából; ugyanakkor az egyes nyelvek Wikipédiáinak képanyaga – jogi okok miatt – nem használható fel a többiben. Hivatkozást viszont minden képre lehet készíteni, akár külső forrásból származóra is.

A képek elérése

A Wikipédiára illetve a Commonsra feltöltött képeket elsősorban – kis- és nagybetű érzékeny – nevük, a külső weboldalon elhelyezetteket a webcímük azonosítja. Ha ugyanolyan névvel szerepel egy állomány a Wikipédiában és egy a Commonsban, akkor csak a wikipédiabeli jeleníthető meg.

A képek megjelenítése

Ugyanaz a kép tetszőleges számban megjeleníthető különböző méretben és formázással. Erre külön utasítás szolgál; a kép a parancs helyén illetve a formázásnak megfelelő módon jelenik meg. A magyar és a commonsbeli ábrák megjelenítésének módja azonos. A magyar Wikipédiában használhatók a magyar parancsok is, a magyar és az angol parancsok hatásában nincs különbség. Felépítésük:

[[Fájl:fájlnév|keret|hely|méret|szöveg]]

A fájlnév, a keret, a hely, a méret és a szöveg a Fájl (File) parancs paraméterei; ezeket a | jellel (magyar kiosztáson a Alt Gr + W kombináció) kell elválasztani egymástól. A fájlnevet mindig fel kell tüntetni, a többi paraméter elhagyható. Sorrendjük tetszőleges, de a fájlnévnek mindig legelöl, a szövegnek pedig – ha megadunk ilyet – leghátul kell szerepelnie.

A paraméterek hatását a megjelenítésre alant példák illusztrálják. A képek helyenként egy tipográfiai próbaszövegbe (Lorem ipsum) vannak ágyazva, így látni lehet az ábra és a szöveg viszonyának alakulását; a töltelékszöveg színe eltér a hasznos információkétól. A parancs szövege helyett a példákban a kép jelenik meg; a parancs helyét az egyes példákban látható két csillag jelöli (egy előtte, egy mögötte), a parancs szövege pedig a példa előtt szerepel külön kiemelve. A példák bonyolultsága lefelé haladva fokozódik, első áttekintésre a végigolvasást javasoljuk.

Egyszerű beillesztés

A Fájl parancs úgynevezett minimális formája, csak a fájlnevet tartalmazza. Az ábra eredeti méretében, formázás (keret és képaláírás) nélkül rajzolódik ki pontosan a parancs helyén. Ritkán használatos, mivel a szöveg nem futja körbe a képet, és az ábra – ha nagyméretű – szétnyomja a sorokat. Példa:

[[Fájl:Wikipedesketch.png]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. * * Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.

A kép beágyazása

A Fájl parancs hely paramétere határozza meg a beágyazást, vagyis a kép helyzetét az oldalon és egyben a szöveg elrendezését is annak környezetében. A paraméter lehetséges értékei:

left: a kép balra igazítva jelenik meg, a tömböződő szöveg a jobb oldalról körbefutja;
right: a kép jobbra igazítva jelenik meg, a tömböződő szöveg a bal oldalról körbefutja;
center: a középre igazított kép szétválasztja a szöveget egy felső és egy alsó részre, a kép melletti terület üres lesz;
none: a kép a bal oldalon jelenik meg és szétválasztja a szöveget egy felső és egy alsó részre, a kép melletti terület üres lesz.

Ha a parancsban egynél több igazításra vonatkozó paraméter van, akkor a legutolsó szerint jelenik meg a kép.

Balra igazítás

Példa:

[[Fájl:Wikipedesketch.png|balra]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio.

Jobbra igazítás

Példa:

[[Fájl:Wikipedesketch.png|jobbra]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam.

Középre igazítás

Példa:

[[Fájl:Wikipedesketch.png|középre]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Nincs beágyazás

Példa:

[[Fájl:Wikipedesketch.png|none]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Régebbi böngészőkkel kompatibilis képigazítás

Egyes régebbi böngészők a left, center és right paramétereket figyelmen kívül hagyják, ezért ott az ezekkel igazított képek nem a kívánt módon jelennek meg. Ha fontos, hogy bizonyos képek ezekben a régebbi böngészőkben is helyesen jelenjenek meg, akkor a képet foglaljuk igazított táblázatba. Példa (ábra jobbra igazított táblázatban):

Példa:

{| align="right"
|  [[Fájl:Wikipedesketch.png|none|160px]]
|}

A kép méretezése

A méretezés lehetővé teszi, hogy a képet a megfelelő méretében láttassuk oldalarányainak megtartásával. Az itt használt mértékegység a pixel (magyarul képpont, rövidítése: px). Alapvetően két méretmegadási mód lehetséges:

100px: a kép szélességét határozzuk meg (itt 100px), a magasság automatikusan megállapításra kerül;
100x200px: a kép legnagyobb megengedett szélességét (itt 100px) vagy legnagyobb megengedett magasságát (itt 200px) állítjuk be; ezek közül az az érték lesz érvényes, amelyik kisebb képet eredményez: a másik megadott paraméter nem lesz figyelembe véve, automatikusan egy kiszámolt értékkel helyettesül.

Ha a parancsban egynél több, méretre vonatkozó paraméter van, akkor a legutolsó szerint jelenik meg a kép.

A szélesség megadása

Példák:

[[Fájl:Wikipedesketch.png|100px]]

[[Fájl:Wikipedesketch.png|300px]]

A maximális szélesség és a maximális magasság megadása

Példa:

[[Fájl:Wikipedesketch.png|100x500px]]

A kép keretezése

Ha az ábrát a környezetétől elválasztó kerettel szükséges ellátni, akkor a Fájl: parancsot lássuk el a frame paraméterrel. A keretes képek alapértelmezetten jobbra igazodnak; ez a beágyazásnál leírtaknak megfelelően befolyásolható.

Alapértelmezett keretes kép

Példa:

[[Fájl:Wikipedesketch.png|frame]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio.

Keretes kép beágyazási paraméterrel

Példa:

[[Fájl:Wikipedesketch.png|none|frame]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Megjelenítés mintaképként

A mintakép az ábra egy kisebb változata, amolyan előnézet vagy ikon. Paramétere a thumb vagy a thumbnail, újabban használható a bélyegkép is. Tulajdonságai:

alapesetben 180px széles (méretezéssel befolyásolható; illetve a bejelentkezett felhasználó beállításaitól is függ);
eredetitől eltérő méretét egy ikon jelöli a kép jobb alsó sarkánál;
jobbra igazodik (beágyazással megváltoztatható);
keretes.

A képek mintája nem lehet nagyobb az ábra eredeti méreteinél. Ha az eredeti kép kisebb mint 180px, akkor alapértelmezésben eredeti méretében jelenik meg. A mintakép a méretező paraméter használatával sem állítható nagyobb méretűre, mint az eredeti.

A bejelentkezett felhasználók profiljuk beállításakor meghatározhatják, hogy a normál mintaképeket a választható 120px, 150px, 180px, 200px, 250px és 300px szélességek közül milyen méretben jelenítse meg a böngésző; 180px az alapértelmezett, a be nem jelentkezett felhasználók számára is ekkora szélességben jelennek meg ezek a képek. Amennyiben méretező paraméter is meg van adva a képmegjelenítő parancsban, akkor minden felhasználó számára az ott megadott méretben jelenik meg a kép függetlenül attól, hogy a beállításaiban a felhasználó milyen méretet adott meg.

Alapértelmezett mintakép

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Mintakép méret-meghatározással

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|100px]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Mintakép beágyazó paraméterrel

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|none]]

Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *

* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.

Kísérőszöveg megadása

A Fájl parancs utolsó paramétere magyarázó szöveg megadására szolgál; megadása technikailag nem szükséges, de elvárás a Wikipédián. A csatolt kísérő szöveg támpontot ad a kép értelmezéséhez; megadása egyértelmű ábránál is ajánlott, hiszen ha az ábra valamiért nem látható, azt a szöveg helyettesíti. Ez elsősorban a szöveges böngészők és a felolvasó programok felhasználói számára fontos. Grafikus böngészőkben a szöveg minden képnél megjelenik elemleírásként, illetve a keretezett- vagy mintaképek esetén képaláírásként is. Bizonyos esetekben a grafikus böngészők is csak a kísérő szöveget írják ki, például ha a kép még nem töltődött le vagy a képek megjelenítése ki van kapcsolva. Ha nincs kísérő szöveg megadva, akkor az automatikusan a képnév lesz. A paraméter tartalma a normál szövegekhez hasonlóan formázható, akár linkek is elhelyezhetők benne.

Kép kísérőszöveg nélkül

Példa:

[[Fájl:Wikipedesketch.png|none]]

Kép kísérőszöveggel

Az alábbi példában nem jelenik meg képaláírásként a kísérő szöveg, hiszen a rajz nem mintaképként vagy keretezve szerepel; ellenben az egérkurzort a kép fölé mozgatva vagy a képek megjelenítését a böngészőben letiltva megjelenik.

[[Fájl:Wikipedesketch.png|none|Most a kép kísérő szövegét olvasod!]]

Képaláírás (keretes kép)

Példa:

[[Fájl:Wikipedesketch.png|frame|none|Most a kép kísérő szövegét olvasod!]]

Képaláírás (mintakép)

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|none|Most a kép kísérő szövegét olvasod!]]

Link a kísérő szövegben (mintakép)

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|none|Most a [[kép]] kísérő szövegét olvasod!]]

Formázott kísérőszöveg (mintakép)

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|none
|<center>A <font color="green">bogár</font> a könyvön <font color="red">áll</font>!</center>]]

Kép linkké alakítása

Bővebben: Imagemap (angolul)

Normál körülmények között a képre kattintva a kép leíró oldalára jutunk, de meg lehet oldani, hogy hagyományos linkként működjön. Példákban a földgömb a Wikipédia szócikkre fog mutatni. Kétfajta megoldás létezik:

Link paraméterrel:

[[Fájl:600X_WIKIPEDIA_LOGO.svg|60px|link=Wikipédia]]

Imagemap keretben:

<imagemap>
Fájl:600X_WIKIPEDIA_LOGO.svg|60px
default [[Wikipédia]]
desc none
</imagemap>

A szöveg tördelése (képfeltorlódás)

A jobbra vagy balra igazított képek mellett az a szöveg jelenik meg, ami az oldal lapforrásában az adott képet megjelenítő parancs után van elhelyezve. Az ide beférő szöveg mennyisége függ többek között a böngészőtől, a beállított szövegmérettől, a használt betűtípustól, a képernyő felbontásától, továbbá – regisztrált felhasználóknál – a képekre vonatkozó wiki-beállításoktól is, tehát a különböző felhasználóknak másként jelenhet meg az oldal. Ha a kép melletti szövegrészbe az előzővel azonos igazítású képmegjelenítő utasítás kerül, akkor az ábrák egymás mellett félig elcsúszva jelennek meg, vagyis – igen zavaró módon – feltorlódnak. A különböző beállítások miatt elképzelhető, hogy egy oldal, ami az egyik felhasználónak még jól megjelenik, az a másiknak teljesen szétesik emiatt. Ilyenkor – illetve ha nagyon fontos, hogy a kép mellett csak a rá vonatkozó szöveg jelenjék meg – alkalmazhatók a szövegtörések. A parancs a következő:

<br style="clear:both" />

A lapforrásban a törés után elhelyezett szöveg az aktuális kép után jelenik meg. Ha a kép melletti szöveg nem elég hosszú, akkor a ki nem töltött rész üresen marad, ami durva formázási hibának minősül. Ritkán használjuk, de időnként kifejezetten szükséges lehet. Példa az alkalmazására:


[[Fájl:Wikipedesketch.png|bélyegkép|120px|jobbra|Bogaras kép]]
Lorem ipsum...
<br style="clear:both;">
Maecenas id nibh ut turpis...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat.
Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.

A szöveg tördelése régebbi böngészőkben

Ha fontos, hogy a szövegtörések a régebbi – CSS-t nem támogató – böngészőkben is kifejtsék hatásukat, akkor a következő XHTML-parancsot javasoljuk:

<br clear="all" />

Panorámakép

A {{Széles kép}}^(?) sablon használatáról lásd itt.

Pozíciós térkép

A pozíciós térkép lehetővé teszi, hogy egy megadott földrajzi helyet megjelöljünk a térképen. Használatát lásd itt.

A képek egymáshoz viszonyított elrendezése

Több kép sablon

Lásd Sablon:Több kép.

Ez a szakasz egyelőre üres vagy erősen hiányos. Segíts te is a kibővítésében!

Képek elhelyezése a lap két oldalán

Néhány esetben szükséges lehet, hogy egy szöveget két oldalról kép fogjon közre. Ennek legegyszerűbb megvalósítási módja az egyik kép jobbra, míg a másik balra igazítása.

Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|150px|jobbra|Példarajz]]
[[Fájl:Flag of Scotland.svg|balra|bélyegkép|150px|Példazászló]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.

A képek logikai csoportba foglalása

Logikai csoportba foglalva a képeket lehetőség van egyetlen utasítással igazítani azokat ahelyett, hogy külön-külön minden képnél meg kellene határozni a beágyazódást; ezenfelül elkerülhető a képek feltorlódása. Ehhez táblázat éppúgy használható, mint a <div> direktíva. Következzenek a szemléltető példák!

Csoportba foglalás a <div> direktívával (függőleges)

Példa:

  <div style="float:right;width:315px;">
  [[Fájl:Wikipedesketch.png|none|bélyegkép|300px|Skót bogár]]
  <br style="clear:all;"/>
  [[Fájl:Flag of Scotland.svg|none|bélyegkép|200px|Skót lobogó]]
  </div>
  Lorem ipsum...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tellus neque, bibendum ac, accumsan eget, vestibulum a, nibh. Sed viverra urna non massa. Etiam vehicula ligula vitae nibh. Phasellus tempus auctor wisi. In consequat. Cras vel neque. Donec leo dolor, lobortis luctus, volutpat vitae, vestibulum in, eros. Maecenas porttitor, erat ullamcorper tempus faucibus, odio arcu venenatis nisl, ut cursus odio felis sed urna. Nullam ut elit vel est eleifend egestas. Ut dictum orci eu mi. Cras ultricies. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Nam turpis. Nunc in enim non turpis facilisis commodo. Suspendisse potenti. Maecenas elementum auctor odio. Vivamus vitae ante. Phasellus quis tortor et quam auctor convallis. Proin elit velit, nonummy a, semper hendrerit, dignissim quis, erat. Maecenas eleifend enim eu tortor. Curabitur non odio. Maecenas neque erat, venenatis sed, sollicitudin ut, iaculis non, mi. Praesent tempor, risus eget pellentesque tincidunt, dolor nibh imperdiet nulla, nec mattis leo ligula vel pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Integer nec libero. Nulla facilisi. Vivamus quis purus. Ut sem justo, lobortis at, luctus nec, aliquam nec, orci. Aenean nonummy. In metus. Sed malesuada vestibulum purus. Phasellus at odio. Integer in massa vitae quam euismod viverra. Integer nulla orci, ornare non, consequat non, mollis ornare, nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam id sapien ut sapien fermentum pretium. Cras mattis. Nam rhoncus. Maecenas dolor neque, tempor vel, iaculis nec, posuere vel, leo. Sed quis dolor. Vivamus mattis tellus elementum magna semper ullamcorper.

Csoportba foglalás táblázattal (vízszintes)

Példa:

{|
|-
| [[Fájl:Wikipedesketch.png|none|bélyegkép|300px|Bal oldali bogár]]
| [[Fájl:Wikipedesketch.png|none|bélyegkép|300px|Jobb oldali bogár]] 
|}

A szövegtől jobbra vagy balra

A következő módszerrel több képet is szorosan egymás mellé tehetünk, úgy hogy a szövegtől jobbra vagy balra helyezkedjenek el. Az alábbi példában a képeket a szövegtől jobbra rendezzük:

{| class="wikitable" style="float:right"
|-
|[[Fájl:Wikipedesketch.png|120px]]
|[[Fájl:Wikipedesketch.png|120px]]
|[[Fájl:Wikipedesketch.png|120px]]
|- align="center"
|1.
|2.
|3.
|-
|colspan="3" |
1. blabla<br>
2. blabla<br>
3. blabla
|}

Eredmény:


1.	2.	3.
1. blabla 2. blabla 3. blabla

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tellus neque, bibendum ac, accumsan eget, vestibulum a, nibh. Sed viverra urna non massa. Etiam vehicula ligula vitae nibh. Phasellus tempus auctor wisi. In consequat. Cras vel neque. Donec leo dolor, lobortis luctus, volutpat vitae, vestibulum in, eros. Maecenas porttitor, erat ullamcorper tempus faucibus, odio arcu venenatis nisl, ut cursus odio felis sed urna. Nullam ut elit vel est eleifend egestas. Ut dictum orci eu mi. Cras ultricies. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Nam turpis. Nunc in enim non turpis facilisis commodo. Suspendisse potenti. Maecenas elementum auctor odio. Vivamus vitae ante. Phasellus quis tortor et quam auctor convallis. Proin elit velit, nonummy a, semper hendrerit, dignissim quis, erat. Maecenas eleifend enim eu tortor. Curabitur non odio. Maecenas neque erat, venenatis sed, sollicitudin ut, iaculis non, mi. Praesent tempor, risus eget pellentesque tincidunt, dolor nibh imperdiet nulla, nec mattis leo ligula vel pede. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Integer nec libero. Nulla facilisi. Vivamus quis purus. Ut sem justo, lobortis at, luctus nec, aliquam nec, orci. Aenean nonummy. In metus. Sed malesuada vestibulum purus. Phasellus at odio. Integer in massa vitae quam euismod viverra. Integer nulla orci, ornare non, consequat non, mollis ornare, nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam id sapien ut sapien fermentum pretium. Cras mattis. Nam rhoncus. Maecenas dolor neque, tempor vel, iaculis nec, posuere vel, leo. Sed quis dolor. Vivamus mattis tellus elementum magna semper ullamcorper.

A módszer használatára jó példa található a Kokárda szócikkben!

Diavetítés

A Képdia sablonnal lehetőség van arra, hogy több, logikailag összetartozó képet egymás után levetítsen a felhasználó (egyenként váltson a képek között). Ez főként időben egymás után következő képsorozatok esetében hasznos. A dia alapértelmezetten jobbra igazodik, az 'igazítás' paraméterrel lehet balra igazítani. A részletes leírás a sablon oldalán tekinthető meg.

Példa:

{{Képdia
|cím=A karolópók vadászati technikája
|igazítás = left
|Fájl:MisumenaVatia wwalas 13.jpg|13.59: A vadászat megkezdődik
|Fájl:MisumenaVatia wwalas 14.jpg|14.00: A pók megragadja a legyet, befecskendezi a mérget
|Fájl:MisumenaVatia wwalas 15.jpg|14.03: A fejénél fogva tartja az elejtett rovart
|Fájl:MisumenaVatia wwalas 16.jpg|14.09: Elkezdi az áldozat kiszívását
|Fájl:MisumenaVatia wwalas 17.jpg|14.48: Otthagyja az üres kitinpáncélt
}}

A karolópók vadászati technikája

14.00: A pók megragadja a legyet, befecskendezi a mérget

14.03: A fejénél fogva tartja az elejtett rovart

Galéria

A galéria (vagy album) egyszerű módját kínálja a képek csoportos elhelyezésének, a gyakorlat szerint csekélyke kísérő szöveggel vagy akár anélkül; ezért, illetve nagy erőforrásigénye miatt ritkán és kivételes esetekben használatos. A parancs képnevek és formázási paraméterek felsorolása a nyitó- ('''<gallery>''') és a záró ('''</gallery>''') utasítások között; a kettős zárójelet ez esetben el kell hagyni, és a Fájl: (és ennek változatai szintén) is elhagyható. A galéria képei nem formázhatók, ellenben képaláírással elláthatók. Példa:

Példa:

<gallery>
Wikipedesketch.png
Wikipedesketch.png|Bogár
Wikipedesketch.png|Továbbra is bogár
Wikipedesketch.png|Mindörökké bogár
Wikipedesketch.png
Wikipedesketch.png
</gallery>

Bogár
Továbbra is bogár
Mindörökké bogár

A legtöbb esetben a galéria jó alternatívája a táblázatok használata.

A galéria paraméterei:

a perrow, amellyel az oszlopok számát adhatjuk meg, például: <gallery perrow="3">
a caption, amellyel címet adhatunk a galériának, például: <gallery caption="Naphegy fényképek 2003">
a widths (szélességek) és a heights (magasságok), amellyel a képhely méretét adhatjuk meg. A galériában egységes a képek mérete, ezért a program a megadott nagyságú képhelyre automatikusan átméretezve illeszti be a képeket. A hely mérete befolyásolja, hogy a program mekkora képet tud beilleszteni. Például: <gallery widths="180px">

A galériát úgy tudjuk középre igazítani, ha ''center'' parancsok közé foglaljuk, például: <center><gallery>...</gallery></center>

a mode paraméterrel a galéria kinézetét lehet változtatni az alábbi módokon:

mode="nolines": eltünteti a keretet

mode="packed": összébb tolja a képeket azonos magasságban, de változó szélességben

mode="packed-overlay": a képfeliratot a képre helyezi

mode="packed-hover": a képfelirat az egérmutató képre vitelével jelenik meg

Linkelés a képekre

Lásd még: Hogyan szerkessz lapokat?

Linkelést (hivatkozást) akkor használunk, amikor a képet valamilyen okból nem akarjuk vagy nem tudjuk megjeleníteni, viszont fontosnak tartjuk megemlíteni és elérhetővé tenni az oldalról. Csak linkeléssel hivatkozhatunk más nyelvű wikipédiák illetve külső források képeire, továbbá a Commons azon képeire, amelyeknek a neve megegyezik egy a helyi wikipédiában feltöltött képével: ezek a Wikipédiában nem jeleníthetőek meg. Linkeléskor a képet nem illesztjük a szövegbe, csak egy rámutató szöveget helyezünk el benne. A Wikipédia és a Commons képei esetében a link mutathat magára a képre vagy a kép adatlapjára.

Linkelés egy képre a helyi wikipédiából

A linkre kattintva a kép eredeti méretében jelenik meg egy üres oldalon. Használata nem ajánlott.

Példák:

[[Média:képnév|szöveg]]

Linkelés egy képre a helyi wikipédiából (nem nevesített)

[[Média:Wikipedesketch.png]]

Média:Wikipedesketch.png

Linkelés egy képre a helyi wikipédiából (nevesített)

[[Média:Wikipedesketch.png|zöld bogár]]

zöld bogár

Linkelés egy kép adatlapjára a helyi wikipédiából

A linkre kattintva a kép egy adatlapon jelenik meg, amely leírja az ábra főbb jellemzőit.

Példák:

[[:Fájl:képnév|szöveg]]

Linkelés a helyi wikipédia egy képe adatlapjára (nem nevesített)

[[:Fájl:Wikipedesketch.png]]

Fájl:Wikipedesketch.png

Linkelés a helyi wikipédia egy képe adatlapjára (nevesített)

[[:Fájl:Wikipedesketch.png|zöld bogár]]

zöld bogár

Linkelés más nyelvű wikipédiák és a Commons képeire

A többi wikipédiában levő képekre hasonlóan hivatkozunk, mint azok szócikkeire. A linkben a nyelvi verziót annak két- vagy hárombetűs kódja azonosítja (például az angolt az en, míg a németet a de). A Fájl illetve a Média jelzők helyén annak adott nyelvi megfelelője áll (így például a fájl helyett angolban a File, a németben pedig a Datei). A Commons azonosítója a commons és az angol nyelvi megfelelőket használja. A parancs felépítése:

[[:nyelvkód:mód:képnév|szöveg]].

Példák:

Hivatkozás: kép: Angol Wikipédia

[[:en:File:Houses.of.parliament.overall.arp.jpg|A Westminster-palota]]

A Westminster-palota

Hivatkozás: kép: Német Wikipédia

[[:de:Datei:Berlin Dom 2005.jpg|A berlini dóm]]

A berlini dóm

Hivatkozás: kép: Wikimedia Commons

[[:commons:File:BlankMap-World gray.svg|Világtérkép]]

Világtérkép

Hivatkozás külső képekre

Gyakorlatilag bármely weboldal hivatkozható a Wikipédiából, így akár a képek is URL-címük alapján. Ahogy a külső oldalakra való hivatkozás kifejezetten hasznos is tud lenni, ugyanúgy fontos lehet, hogy egyes – a Wikipédiára jogi okok miatt fel nem tölthető – képekre külön is hivatkozzunk. A hivatkozás formája:

[URL-cím szöveg]

Példák:

Hivatkozás: kép: külső oldal (nem nevesített link)

[http://static.flickr.com/89/268253094_115300953f.jpg?v=0]

[1]

Hivatkozás: kép: külső oldal (nevesített link)

[http://static.flickr.com/89/268253094_115300953f.jpg?v=0 Építkezés]

Építkezés

Hivatkozás külső képekre a képlink sablon segítségével

A {{képlink}}^(?) sablon segítségével a külső képre való hivatkozásnak olyan formát adhatunk, ami maga is mutatja, hogy képről van szó.

Balra igazítás, szélességmegadás:

{{Képlink 
|link=http://img526.imageshack.us/img526/8530/thalia2mg2.jpg
|hova=left 
|szélesség=100px
|képaláírás=<small>Thalía está embarazada</small>
}}

Jobbra igazítás, alapszélesség

{{Képlink 
|link=http://img526.imageshack.us/img526/8530/thalia2mg2.jpg 
|képaláírás=Thalía está embarazada 
}}

Képhasználattal kapcsolatos további lapok

m:Help:Images and other uploaded files (angolul)
w:Wikipedia:Extended image syntax (angolul)

Sablon:Képekkel kapcsolatos oldalak m v sz Amit tudni érdemes a képek használatáról
Gyorstalpaló	Gyakran ismétlődő kérdések · A Wikipédián található képek tíz pontja
Használata részletesen	Technikai leírás · Képhasználati útmutató · Képek elnevezési szokásai · Képek keresése · Képjegyzet készítése
Licenc, jogi kérdések	Képhasználati irányelvek · Szabad licenc · Nem szabad képek · Felküldési segédlet · Képek licenceinek megadása · Szabad képforrások
Engedélykérés	Megszerzett engedélyek · Minták engedélykérő szabványlevelekre
Commons	Mi a Commons? · Kezdőlap · Hogyan használd? · Mit tölthetsz fel? (licencek) · Feliratos képek fordítása és feltöltése · További magyar nyelvű segítőlapok a Commonson
Gyorslinkek a feltöltéshez	Feltöltés a Commonsra – inkább ezt válaszd · Feltöltés a magyar Wikipédiára (ha már tudod, mit akarsz feltölteni, és szabad-e)
Kocsmafalak	Kezdőknek (kérdezz bátran!) (új téma) · A képekkel kapcsolatos problémák fóruma (új téma) · Jogi (licencekkel kapcsolatban) (új téma) • Commons (magyarul) (új téma)
Törlés	Azonnali törlés · Törlésre jelölés
Megjelenítés olvasáskor	Beállításaim
Egyéb	Kért képek • Esszé a képfeltöltésről • Skywalker-effektus • Útmutató képjárőröknek