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. * képek Használata  * 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. *

képek Használata 

* 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. *

képek Használata 

* 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. *

képek Használata 

* 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. *

képek Használata 

* 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]] |} 
képek Használata 


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]] 

képek Használata 

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

képek Használata 

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

Példa:

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

képek Használata 

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. *

képek Használata 

* 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. *

képek Használata 

* 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. *

képek Használata 

* 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. *

képek Használata 

* 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. *

képek Használata 

* 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épek Használata 

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épek Használata 
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épek Használata 
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!]] 
képek Használata 
Most a kép kísérő szövegét olvasod!


Példa:

[[Fájl:Wikipedesketch.png|bélyegkép|none|Most a [[kép]] kísérő szövegét olvasod!]] 
képek Használata 
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 |
A bogár a könyvön áll!
]]
képek Használata 
A bogár a könyvön áll!

Kép linkké alakítása

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]]

képek Használata 

Imagemap keretben:

 Fájl:600X_WIKIPEDIA_LOGO.svg|60px default [[Wikipédia]] desc none  
képek Használata 

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


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... 
Maecenas id nibh ut turpis...
képek Használata 
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:


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.

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ó]] 
képek Használata 
Példarajz
képek Használata 
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

direktíva. Következzenek a szemléltető példák!

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

Példa:

  
[[Fájl:Wikipedesketch.png|none|bélyegkép|300px|Skót bogár]]
[[Fájl:Flag of Scotland.svg|none|bélyegkép|200px|Skót lobogó]]
Lorem ipsum...
képek Használata 
Skót bogár


képek Használata 
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.

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]]  |} 
képek Használata 
Bal oldali bogár
képek Használata 
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="duhoc-hu wikitable table-responsive " 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
2. blabla
3. blabla |}

Eredmény:

képek Használata  képek Használata  képek Használata 
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
képek Használata 
13.59: A vadászat megkezdődik
képek Használata 
14.00: A pók megragadja a legyet, befecskendezi a mérget
képek Használata 
14.03: A fejénél fogva tartja az elejtett rovart
képek Használata 
14.09: Elkezdi az áldozat kiszívását
képek Használata 
14.48: Otthagyja az üres kitinpáncélt


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ó- ('''''') és a záró ('''''') 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:

 Wikipedesketch.png Wikipedesketch.png|Bogár Wikipedesketch.png|Továbbra is bogár Wikipedesketch.png|Mindörökké bogár Wikipedesketch.png Wikipedesketch.png  

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:
  • a caption, amellyel címet adhatunk a galériának, például:
  • 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:

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

...

  • 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

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

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ó.

képek Használata 
Thalía está embarazada
képek Használata 
Thalía está embarazada


  • 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=Thalía está embarazada }} 
  • 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

Tags:

képek Használata A képek felhasználhatóságaképek Használata A képek eléréseképek Használata A képek megjelenítéseképek Használata Panorámaképképek Használata Pozíciós térképképek Használata A képek egymáshoz viszonyított elrendezéseképek Használata Linkelés a képekreképek Használata Képhasználattal kapcsolatos további lapokképek Használata

🔥 Trending searches on Wiki Magyar:

Arany János (költő)Rádió 1A farm, ahol élünkMost vagy soha!Max VerstappenBibliaEdda MűvekSemmelweis IgnácDeutsch ZoltánPindroch CsabaEurópaVatikánAmiotrófiás laterálszklerózisAl PacinoKocsis MátéII. József magyar királyA Csillagkapu epizódjainak listájaRTL (Magyarország)Janus PannoniusMagyarország régióiSzögfüggvényekFormula–1Hszi Csin-pingTalpra Magyarok KözösségeLuxemburgHoldra szállások emberrelEurópai ParlamentKecskemétDűne (film, 2021)2019-es magyarországi önkormányzati választásSzexualitásJugoszláviaSzabó MagdaMichele MorroneMonacoOlimpiai játékokSchrödinger macskájaLuke PerryThürmer GyulaAntall József (politikus, 1932–1993)New YorkEurópai országok átlagfizetés alapjánKuruc.infoMagyar Légierő2018-as magyarországi országgyűlési választásADemjén FerencBob MarleyTörőcsik FranciskaAzahriahSzarvasmarhaEsztergályos CecíliaBékéscsabaBabicsek BernátHógolyózás (szexuális tevékenység)Zendaya2024-es magyarországi önkormányzati választásRafaleTenerifeLabdarúgás2024-es IIHF divízió I-es jégkorong-világbajnokságKiss Anna LauraAttila hun királyPraktikerCsomolungmaAnyád! A szúnyogokVörösmarty MihálySchmidt MáriaBerzsenyi DánielCH–47 ChinookRetro RádióMagyar MunkáspártWolfgang Amadeus MozartCsokonai Vitéz MihályIzraelHorváth VirgilBartók Béla (zeneszerző)🡆 More