Wikihírek:Képhasználat

Tudnivalók

Ezen az oldalon arról olvashatsz, hogy miként lehetséges képeket beilleszteni a Wikihírek 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 kocsmafalon; 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 Wikihírekben
- Commons Wikihírek
(magyar)
Wikihírek
(idegen)
külső
oldal
Kirajzolás OK OK X X
Link OK OK OK OK

Amint a táblázat is mutatja, a Magyar Wikihírekben csak azok a képek jeleníthetők meg, amelyek fel vannak töltve a Magyar Wikihírek vagy a Wikimedia 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 Wikihíreknek 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 Wikihírekre 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 Wikihírekben és egy a Commonsban, akkor csak a wikihírekbeli 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 Wikihírek magyar részlegében használhatók az angol parancsok is, hatásukban nincs különbség. Felépítésük:

[[Kép: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 Kép (Image) 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 Kép 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:

[[Kép:Wikipedesketch1.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 Kép 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.

Példa: balra igazítás

[[Kép:Wikipedesketch1.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.


Példa: jobbra igazítás

[[Kép:Wikipedesketch1.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.


Példa: középre igazítás

[[Kép:Wikipedesketch1.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.


Példa: nincs beágyazás

[[Kép:Wikipedesketch1.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.


Példa: több beágyazási paraméter

[[Kép:Wikipedesketch1.png|jobbra|középre|none|balra]]
 

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):

{| align="right"
|  [[Kép:Wikipedesketch1.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 figyelmbe 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.

Példák: a szélesség megadása

[[Kép:Wikipedesketch1.png|100px]]

 

[[Kép:Wikipedesketch1.png|300px]]

 

Példa: a maximális szélesség és a maximális magasság megadása

[[Kép:Wikipedesketch1.png|100x500px]]

 

Példa: több méretparaméter

[[Kép:Wikipedesketch1.png|200px|100px]]

 

A kép keretezése

Ha az ábrát a környezetétől elválasztó kerettel szükséges ellátni, akkor a Kép: 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ó.

Példa: alapértelmezett keretes kép

[[Kép:Wikipedesketch1.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.


Példa: keretes kép beágyazási paraméterrel

[[Kép:Wikipedesketch1.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. 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.

Példa: alapértelmezett mintakép

[[Kép:Wikipedesketch1.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.


Példa: mintakép méret-meghatározással

[[Kép:Wikipedesketch1.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.


Példa: mintakép beágyazó paraméterrel

[[Kép:Wikipedesketch1.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 Kép 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.

Példa: kép kísérő szöveg nélkül

[[Kép:Wikipedesketch1.png|none]]
 

Példa: kép kísérő szöveggel

Ebben a 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.

[[Kép:Wikipedesketch1.png|none|Most a kép kísérő szövegét olvasod!]]
 
Most a kép kísérő szövegét olvasod!

Példa: képaláírás (keretes kép)

[[Kép:Wikipedesketch1.png|frame|none|Most a kép kísérő szövegét olvasod!]]
 
Most a kép kísérő szövegét olvasod!


Példa: képaláírás (mintakép)

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


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

Példa: formázott kísérő szöveg (mintakép)

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

Több kép elhelyezése egy szócikkben

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 akutá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:


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

 
Bogaras kép

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" />

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. A galéria képei nem formázhatók, ellenben képaláírással elláthatók. Példa:

Példa: galéria

<gallery>
Kép:Wikipedesketch1.png
Kép:Wikipedesketch1.png|Bogár
Kép:Wikipedesketch1.png|Továbbra is bogár
Kép:Wikipedesketch1.png|Mindörökké bogár
Kép:Wikipedesketch1.png
Kép:Wikipedesketch1.png
</gallery>

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

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!

Példa: csoportba foglalás a <div> direktívával (függőleges)

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


 
Skót lobogó

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.

Példa: csoportba foglalás táblázattal (vízszintes)

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

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: Képek a lap két oldalán

[[Kép:Wikipedesketch1.png|bélyegkép|150px|jobbra|Példarajz]]
[[Kép:Flag of Scotland.svg|balra|bélyegkép|150px|Példazászló]]
 
Példarajz
 
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.

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.

Példa: linkelés a helyi Wikihírek egy képe adatlapjára (nevesített)

[[:Kép:Wikipedesketch1.png|zöld bogár]]

zöld bogár

Linkelés más nyelvű wikihírek é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 Kép illetve a Média jelzők helyén annak adott nyelvi megfelelője áll (így például a kép helyett angolban az Image, a németben pedig a Bild). 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élda: hivatkozás: kép: Angol Wikihírekre

[[:n:en:Kép:Houses.of.parliament.overall.arp.jpg|A Westminster-palota]]

A Westminster-palota

Példa: hivatkozás: kép: Német Wikipédia

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

A berlini dóm

Példa: hivatkozás: kép: Wikimedia Commons

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

Világtérkép

Hivatkozás külső képekre

Gyakorlatilag bármely weboldal hivatkozható a Wikihírekbő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élda: hivatkozás: kép: külső oldal (nem nevesített link)

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

[1]

Példa: 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