Help:Images/cs

Tato stránka vysvětluje syntaxi obrázku při editaci wiki. Aby bylo možné použít na stránce obrázek, tak ho musíte nejprve vy nebo někdo jiný do wiki vložit.

Link na obrázek, který je uložen na MediaWiki serveru tvoří, kromě jména souboru, také prefix jmenného prostoru  (i když stále lze použít i původní jmenný prostor  ). Jmenný prostor  lze také použít, pokud chceme vytvořit přímý link na vložený soubor (obrázek pak nebude interpretován jako stránka MediaWiki).

Podporované formáty obrázků
Ve výchozím stavu jsou podporovány následující formáty:


 * nebo  - bitmapový obrázek je komprimovaný podle standardu JPEG (ztrátový formát, který se hodí především pro fotografie).
 * - bitmapový obrázek ve formátu PNG (formát Portable Network Graphic specifikovalo konsorcium W3).
 * - bitmapový obrázek ve formátu GIF (Graphics Interchange Format).

Další formáty, které používá Wikimedia, a s nimiž se lze setkat i jinde (jejich použití, ale může vyžadovat další nastavení, takže ve výchozím nastavení nemusí být dostupné):


 * - vektorové obrázky ve formátu SVG (formát Scalable Vector Graphics specifikovalo konsorcium W3). Viz Manuál:Administrace obrázků#SVG.
 * - Formát označeného obrázku. Často se používá u fotografií určených pro archivaci, které mají mít zachováno vysoké rozlišení. Obvykle se používá s.
 * ,,   - Formát ogg je určen pro multimediálné soubory (může obsahovat obraz i zvuk). Nejde sice přímo o obrazový formát, ale chová se podobně. Obvykle se používá s.
 * - vícestránkové dokumenty ve formátu PDF (Specifikace pro Portable Document Format pochází od Adobe). Obvykle se používá v kombinaci s
 * - bitmapový formát s wavelet kompresí pro vícestránkové dokumenty DejaVu (nejčastěji se s ním lze setkat u naskenovaných knih). Viz
 * Ze souboru ve formátu  nebo   lze v jednom okamžiku na stránce zobrazit pouze jednu stránku.

Podporované jsou i další typy souborů, ale ty nelze zobrazit jako obrázek.

Syntaxe
Plná syntaxe pro zobrazení obrázku vypadá takto:

Parametr options zastupuje řadu dalších parametrů, které jsou od sebe, odděleny svislítkem (|), které však nemusí být uvedeny vůbec:


 * Parametr určující formát zobrazení: lze použít vždy pouze jeden z následujících border, frameless, frame (nebo framed), thumb (nebo thumbnail). Pokud je k dispozici více možností, může být vykreslení obrazu neočekávané.
 * Rozhoduje o tom, jak bude vložený obrázek na stránce vypadat a kam bude vůči zbytku stránky umístěn.


 * Parametr, kterým lze upravit velikost: opět lze použít jen jednu z následujících možností
 * {šířka}px — Upraví velikost obrázku tak, aby jeho šířka odpovídala uvedené šířce v pixlech, bez ohledu na výšku. (Podporovány jsou pouze hodnoty v celých pixlech. Je povolen mezerník mezi hodnotou šířky a "px".)
 * x{výška}px — Upraví velikost obrázku tak, aby jeho výška odpovídala uvedené výšce v pixlech, bez ohledu na šířku Only whole-number pixel values are supported. A space character between the height value and "px" is permitted.
 * {šířka}x{výška}px — Upraví velikost obrázku tak, aby se všemi rozměry vešel do uvedené šířky a výšky v pixlech Only whole-number pixel values are supported. A space character between the width value and "px" is permitted.
 * upright — Upraví velikost obrázku tak, aby výsledná velikost vyhovovala preferencím uživatele (hodí se především u obrázků, které jsou vyšší než širší). Nastavení  zobrazí obrázek na výchozí šířce obrazu uživatele.   zobrazí obrázek na dvojnásobku výchozí šířky uživatele.
 * Obrázek si vždy zachová poměr stran.
 * Obrazy v neškálovatelných typech médií lze zmenšit, ale ne zvětšit; např. bitmapové obrázky nelze zvětšit.
 * Nastavení  nevyžaduje znaménko rovná se, tj.   funguje stejně jako.
 * Při použití bez hodnoty nebo znaménka rovná se (např. ), výchozí hodnota je   (ačkoli   je stejné jako  )
 * Pokud jsou přítomny  a , bude první   ignorována. Další podrobnosti na.
 * Pokud je mezi „upright“ a znaménkem rovná se mezera (např. ) nebo pokud hodnota „upright“ obsahuje nečíselné znaky, hodnota   bude ignorována). Další podrobnosti na.
 * Maximální velikost zobrazeného obrázku závisí na použitém formátu a velikosti výchozího souboru (což může být závislé na jeho typu).
 * Parametr určující horizontální zarovnání: může být uveden pouze jeden z následujících left, right, center, none. Pokud je k dispozici více z těchto možností, použije se pouze první
 * Ovlivňuje horizontální zarovnání obrázku vůči textu (ať již je vložen jako řádkový, plovoucí či blokový element). Ve výchozím nastavení není hodnota zarovnání žádná.
 * Parametr pro vertikální zarovnání: může být baseline, sub, super, top, text-top, middle, bottom, text-bottom
 * Ovlivňuje vertikální zarovnání obrázku vůči textu, který se nachází spolu s ním v rámci stejného blokového elementu před ním nebo za ním (výchozí hodnota vertikálního zarovnání je middle). Parametr nemá vliv, pokud je obrázek vložen jako plovoucí element.
 * Parametr odkaz: může být buď
 * link={cíl odkazu} — Umožňuje změnit cíl vygenerovaného odkazu (zpravidla na nějakou jinou stránku, nebo URL), který je aktivní nad celou plochou vygenerovaného obrázku; např.  se vygeneruje jako Example.jpg (externí link), zatím co   jako Example.jpg (interní link).
 * link= (bez uvedené hodnoty) — (MediaWiki 1.14+) Se vygeneruje jako obrázek bez aktivního linku;   se vygeneruje jako Example.jpg.
 * Pokud je mezi  a znaménkem rovná se mezera, bude odkaz na odkaz považován za titulek.
 * Including some HTML character equivalents, like  for , can cause the link statement to be treated as a caption (see T216003).


 * ! pro MW 1.24 a nižší: Pokud nastavíte  (bez nějaké hodnoty), pak se nevygeneruje žádný  . (Viz T23454.)
 * Další možné parametry:
 * alt={alternative text} - (MediaWiki 1.14+) Definuje alternativní text (mapuje na atribut HTML  vygenerovaného  obrazu), který bude vykreslen, pokud nelze odkazovaný obrázek stáhnout a vložit nebo pokud podpůrné médium musí použít alternativní text popisu (např. při použití čtečky Braillova písma nebo s možnostmi usnadnění přístupu) nastaveno uživatelem v prohlížeči.
 * Pokud je mezi  a znaménkem rovná se mezera, bude příkaz alt považován za titulek.
 * page={number} - Vykreslí zadané číslo stránky (aktuálně použitelné pouze při zobrazování souboru .djvu nebo .pdf).
 * class={html class}- (MediaWiki 1.20+) Definuje třídy (mapuje na atribut HTML  vygenerovaného prvku ).
 * lang={jazykový kód} - (MediaWiki 1.22+) Pro soubory SVG obsahující příkazy &lt;switch&gt; u atributu systemLanguage vybere, v jakém jazyce se má soubor vykreslit. Výchozí nastavení je jazyk stránky (výchozí nastavení je výchozí jazyk pro většinu projektů).

Pokud parametr neodpovídá žádné další možnosti, předpokládá se, že se jedná o text titulku. Je-li přítomen více než jeden neparametrový řetězec, použije se jako titulek finální neparametrový řetězec. Text titulků se zobrazuje pod obrázkem ve formátech thumb a frame nebo jako text nápovědy v jakémkoli jiném formátu. Text titulků zobrazený ve formátech thumb a frame může obsahovat odkazy wiki a další formátování. Rozšíření MediaWiki mohou přidávat další možnosti.

Pokud není zadán „alt“ a je k dispozici popisek. Alternativní text bude vytvořen automaticky z titulku, zbavený formátování. S výjimkou případů, kdy je v režimu thumb nebo frame, protože titulek je již čitelný pro čtečky obrazovky.

Formát
Následující tabulka ukazuje účinek všech dostupných formátů.

Pokud je výška obrázku v náhledu větší než jeho šířka (tj. V orientaci na výšku, nikoli na šířku) a zjistíte, že je příliš velká, můžete zkusit možnost, kde N je poměr stran obrázku (jeho šířka dělená jeho výškou, výchozí nastaveno na 0,75). Alternativou je explicitně zadat požadovanou maximální výšku (v pixelech).

Pamatujte, že napsáním  můžete pro miniaturu použít jiný obrázek.

Velikost a rámeček
U různých formátů se účinek parametru size může lišit, jak je ukázáno níže.


 * Informace o tom, jak se zobrazuje, když není uvedena jeho velikost, viz část Formát výše.
 * Pokud formát není zadán nebo je upraven pouze  (ohraničení), velikost lze zmenšit a zvětšit na libovolnou zadanou velikost.
 * V příkladech níže je původní velikost obrázku 400 × 267 pixelů.
 * Obrázek s rámečkem  vždy ignoruje specifikaci velikosti, původní obrázek bude zmenšen, pokud překročí maximální velikost definovanou v uživatelských preferencích.
 * Velikost obrázku s  nebo   lze zmenšit, ale nelze ji zvětšit nad původní velikost obrázku.

Horizontální zarovnání
Při použití formátů  nebo   bude výchozí vodorovné zarovnání right pro jazyky zleva doprava a left pro jazyky zprava doleva.

Vertikální zarovnání
Možnosti svislého zarovnání se projeví pouze v případě, že je obrázek vykreslen jako vložený prvek a není plovoucí. Mění způsob, jakým bude inline obrázek svisle zarovnán s textem přítomným ve stejném bloku před a nebo za tímto obrázkem na stejném vykresleném řádku.

Všimněte si, že vykreslený řádek textu, do kterého jsou vloženy vložené obrázky (a řádky textu vykreslené po aktuálním), může být posunut dolů (to zvýší výšku řádku podmíněné dalším rozestupem řádků, stejně jako to může nastat při rozpětí textu s proměnnou velikostí písma nebo s horními a dolními indexy), aby bylo možné s tímto omezením zarovnání plně zobrazit výšku obrázku.



Pro jasnější zobrazení výsledku zarovnání jsou rozpětí textu podtržené nahoře a dole. Velikost písma se zvětšuje na 200% a blok odstavce je vyznačen tenkým okrajem. Navíc jsou zarovnány obrázky různých velikostí:

 text top: text

 text text-top: text

 text super: text

 text baseline: text

 text sub: text

 text default: text

 text middle: text

 text text-bottom: text

 text bottom: text

Poznámky:


 * 1) "Střední" poloha svislého zarovnání obrázku (která je také výchozí) se obvykle vztahuje ke středu mezi výškou x a základní linií textu (na které bude zarovnán vertikální střed obrázku a na které obvykle může být text přepsán), ale ne uprostřed řádkové výšky fontové výšky, která odkazuje na mezeru mezi pozicemi „text-top“ a „text-bottom“; výška písma nezahrnuje:
 * 2) * další rozteč řádků je normálně rozdělena rovnoměrně na dva okraje řádků (zde 0,5em, podle výšky řádku nastavené na 200%) nad a pod výškou písma).
 * 3) * další řádkování, která mohou být přidána horními a dolními indexy.
 * 4) Pokud však výška obrázku způsobí, že jeho horní nebo dolní pozice přejde nad nebo pod normální celou výšku řádku, bude střední pozice upravena zvětšením horního a nebo spodního okraje, aby se obraz mohl správně umístit a zarovnat. Všechny obrázky (včetně obrázků s menšími výškami) budou svisle vystředěny na upravené střední poloze (pro výpočet efektivní výšky řádku se vezme v úvahu text každé vykreslené řady s větší výškou písma).
 * 5) Pozice zarovnání „text-top“ a „text-bottom“ také vylučují zvláštní řádkování přidané pomocí horních a dolních indexů, ale ne další řádkování definované výškou řádku.
 * 6) Pozice zarovnání „nahoře“ a „dole“ berou v úvahu všechna tato nadbytečná řádkování (včetně horních a dolních indexů, pokud jsou přítomny ve vykresleném rozmezí řádků). Když zarovnání obrazu omezí růst obrázku nad nebo pod normální rozteč čar a obraz není absolutně umístěn, způsobí, že se upraví pozice „horní“ a „dolní“ (stejně jako horní a dolní index), takže efektivní výška řádku mezi vykreslenými řádky textu bude vyšší.
 * 7) Pozice „podtržení nahoře“ (underline), „podtržení“ (overline) a „přeškrtnutí“ (overstrike) by měla být někde v rámci těchto dvou limitů a „může“ záviset na typu a výšce použitých fontů (mohou být brány v úvahu styly horního a dolního indexu v některých prohlížečích jsou tyto styly obvykle ignorovány a umístění těchto úprav nemusí být upraveno); takže tyto úpravy obvykle neovlivňují vertikální polohu obrázků, relativně k textu.

Zastavení toku textu
Příležitostně je žádoucí zabránit tomu, aby text (nebo jiné vložené nelétající obrázky) tekly kolem plovoucího obrazu. V závislosti na rozlišení obrazovky webového prohlížeče apod. Může tok textu na pravé straně obrázku způsobit, že se záhlaví sekce (například == Moje záhlaví == ) zobrazí napravo od obrázku. Místo pod ním, jak chce uživatel. Tok textu lze zastavit umístěním   (nebo pokud chcete, ) před text, který by měl začínat pod plovoucím obrazem. (To lze také provést bez prázdného řádku zabalením sekce s plovoucími obrázky kódem, který vymaže všechny plovoucí prvky uvnitř sekce  .)

Všechny obrázky jsou vykresleny jako bloky (včetně plovoucích obrazů center left nebo right, stejně jako framed nebo thumbnail) a implicitně přerušují okolní řádky textu (ukončení aktuálního bloku textu před obrázkem a vytvoření nového odstavce pro text za nimi). Poté se budou svisle skládat podél levého nebo pravého okraje zarovnání (nebo podél středové čáry mezi těmito okraji pro editační obrázky ve středu).

Změna výchozího cíle odkazu
Následující tabulka ukazuje, jak změnit cíl odkazu (jehož výchozí je stránka popisu obrázku) nebo jak jej odstranit. Změna odkazu nezmění formát popsaný v předchozích částech.

Varování:
 * Licenční požadavky na vaší wiki vám možná neumožní odstranit všechny odkazy na stránku s popisem, která zobrazuje požadované autorství, prohlášení o autorských právech, příslušné licenční podmínky nebo úplnější popis vykresleného obrazu (včetně historie jeho úprav).
 * Pokud změníte nebo odeberete cílový odkaz na obrázek, budete muset na své stránce umístit explicitní odkaz na tuto stránku s popisem nebo zobrazit prohlášení o autorských právech a autorech a odkaz na příslušnou licenci, pokud se liší od prvků použitelných pro samotnou vkládací stránku.
 * Vaše zásady wiki mohou omezit použití parametru alternativního odkazu nebo mohou dokonce vynucovat zákaz alternativních parametrů odkazu pro vložené mediální soubory (v tomto případě bude parametr odkazu ignorován). Nebo je může přijmout pouze po ověření oprávněnými uživateli nebo správci.

Syntaxe galerie
Vytvoření galerie miniatur pomocí značky je snadné. Syntaxe je:

Všimněte si, že kód obrázku není při uzavírání do značek galerie uzavřen v závorce.

Titulky jsou volitelné a mohou obsahovat odkazy wiki nebo jiné formátování.

Lze zde také použít některé parametry řídící výstup thumb, konkrétně ty, které upravují soubor (na rozdíl od těch, které určují, kde na stránce se obrázek zobrazuje). Například u vícestránkových médií, jako jsou pdf, můžete použít kód jako.

Předponu  lze vynechat. Je však užitečné zahrnout jej jako pomůcku pro rychlé nalezení specifikátorů obrázků ve wikitextu (například při čištění rozvržení stránky).

Například:

je formátován jako:

Parametr režimu
Počínaje verzí 1.22 je k dispozici parametr módu, který má následující možnosti:


 * je původní typ galerie používaný MediaWiki.
 * je podobné, ale bez hraničních čar.
 * způsobí, že obrázky budou mít stejnou výšku, ale různé šířky, s malou mezerou mezi obrázky. Řádky v tomto režimu responzivní se uspořádají podle šířky obrazovky.
 * zobrazuje titulek překrytý na obrázku v poloprůhledném bílém poli.
 * je podobné překrytí, ale s titulkem a rámečkem se zobrazuje pouze na hover.
 * vytvoří prezentaci obrázků.

Například:

Poskytuje (režim: ):

Nepovinné atributy galerie
Samotná značka galerie umožňuje několik dalších parametrů zadaných jako párový atribut název-hodnota:


 * : (text titulků mezi dvojitými uvozovkami pro více než jedno slovo) nastaví titulek na střed galerie. V titulku lze použít pouze prostý text; formátování, šablony a podobně nebudou fungovat.
 * : nastavuje (max.) šířku obrázků; výchozí hodnota je 120 pixelů. Poznámka: množné číslo: widths.
 * : nastavuje (max) výšku obrázků; výchozí hodnota je 120 pixelů.
 * : nastavuje počet obrázků na řádek. 0 znamená automatické nastavení podle šířky obrazovky.
 * : Zobrazuje názvy souborů obrázků v jednotlivých titulcích pro každý obrázek (1.17+).
 * : Viz část výše (1.22+; 1.28+ pro „slideshow“).
 * : Pouze v režimu „slideshow“ zobrazte pruh s miniaturami obrázků pod slideshow ve výchozím nastavení (1.29+).


 * Example 1

Syntax:

Result:

Řádek obrázků, které se zalomí do šířky prohlížeče
Jeden ze způsobů, který funguje pro řadu obrázků s různou šířkou, je nepoužívat „thumb“ nebo „left“ nebo „none“. Pokud není použit „thumb“ (a tedy žádné titulky), řádek obrázků se zalomí do šířky prohlížeče. Pokud je to nutné, zúžte okno prohlížeče a uvidíte obrázky zalomené na další řádek.





Pro zalamování obrázků s různou šířkou s titulky je nutné použít div HTML pro neuspořádaný seznam. Spolu s. Další informace a nápady viz: Give Floats the Flick in CSS Layouts.

        </li>  </li>  </li>  </li>  </li> </ul>

To align the top edge of images add the vertical-align command

<ul>  </li>  </li>  </li>  </li>  </li>  </li>  </li>  </li> </ul>

Některé farmy wiki nemají všechny možnosti galerie (například „šířky“). Někdy také někdo chce různé šířky obrázků v řadě. Mimo galerii nebo div HTML není možné mít jednotlivé titulky pro obrázky v řadě obrázků, které se zabalí do prohlížeče. Zkuste to a uvidíte. Nic jiného pomocí wikitextu nefunguje správně. Obrázky buď překrývají věci napravo, nebo vynucují vodorovný posuvník.

Použití levého float („vlevo“) pro některé obrázky v kombinaci s „none“ pro některé z obrázků nebude fungovat důsledně, zejména pokud existuje také pravý postranní panel obrázků. Objeví se divné věci. Při užších šířkách prohlížečů nebo obrazovek se může obraz mimo řádek objevit až příliš daleko za stránkou na konci pravého postranního panelu obrázků.

Chování odkazu
Ve výchozím nastavení obrázek odkazuje na stránku s popisem souboru. Možnost „link=“ upravuje toto chování tak, že odkazuje na jinou stránku nebo web nebo vypíná chování při propojování obrázku.

Alternativně můžete vytvořit textový odkaz na stránku popisu souboru nebo na samotný soubor. Viz.

Zobrazit obrázek, odkaz na jinou stránku nebo web
Pomocí možnosti „link=“ můžete obrázek propojit s jinou stránkou nebo webem:

Kliknutím na obrázek níže se dostanete na MediaWiki:





Kliknutím na obrázek níže se dostanete na stránku „example.com“:





Zobrazit obrázek, vypnout odkaz
Použijte možnost „link=“ bez přiřazené hodnoty k úplnému vypnutí odkazu; níže uvedený obrázek není odkaz:





Odkaz na obrázek
Přidejte  (dvojtečku) jako předponu k odkazu, který potřebujete vytvořit.

File:MediaWiki-2020-logo.svg File:MediaWiki-2020-logo.svg Wiki Wiki

Přímé propojení s obrázkem
Výše uvedené příklady odkazují na stránku popisu obrázku. K přímému propojení s obrázkem lze na stránkách MediaWiki použít pseudoměnný prostor :

[[Media:MediaWiki-2020-logo.svg]]

Přímé odkazy z externích webů
Další možností je použít stránku Special:Redirect/file (nebo její alias Special:Filepath). Na rozdíl od výše uvedeného příkladu na něj můžete odkazovat z externích webů i ze stránek MediaWiki.

Parametry  a   lze také přidat, aby se vrátila konkrétní velikost obrázku. Poměr stran obrazu je vždy zachován.

Získání úplné URL adresy obrázku
Chcete-li získat úplnou cestu k obrázku (bez přesměrování, jak je ukázáno výše), lze použít.

Stává se:



V případě, že se použije ze šablony, kde je třeba odebrat jmenný prostor,  :

Stává se:



Požadavky
Před použitím obrázků na stránce musí mít správce systému vaší wiki enabled file uploads a uživatel musí upload the file. Správci systému mohou také nastavit wiki, aby přijímala soubory z cizích repozitářů, například Wikimedia Commons. Pro změnu velikosti obrazu na straně serveru je nutné mít nakonfigurován škálovač (například GD2, ImageMagick atd.).

Soubory na jiných webech
Na externí soubor dostupný online můžete odkazovat pomocí stejné syntaxe jako při odkazování na externí webovou stránku. S těmito syntaxemi nebude obraz vykreslen, ale bude zobrazen pouze text odkazu na tento obrázek.



Nebo s jiným zobrazeným textem:

text odkazu je zde

V tomto zobrazeném textu je povoleno další značkování MediaWiki nebo formátování HTML / CSS (pro vložené prvky) (s výjimkou vložených odkazů, které by přerušily okolní odkaz):

Příklad  rich   text odkazu  zde.

která se vykresluje jako: Příklad  rich   text odkazu  zde.

Pokud je na vaší wiki povoleno (viz ), můžete také vložit externí obrázky. Chcete-li to provést, jednoduše vložte adresu URL obrázku: http://url.for/some/image.png Velikost vložených obrázků lze změnit pomocí vlastnosti CSS. Mohou být také formátovány okolním značením MediaWiki nebo kódem HTML / CSS.

Pokud tato možnost wiki není povolena, obrázek nebude vložen. Bude vykreslen jako textový odkaz na externí web, stejně jako výše, pokud hodnota nemá hodnotu.

Viz též

 * Wikipedia:Rozšířená syntaxe obrazu
 * Category:Wikipediapomoc s obrázkem
 * Wikipedia:Obrázkový návod
 * Wikipedia:Help:Gallery tag
 * T113101 - responsive issues
 * T113101 - responsive issues