Help:Images and other uploaded files/pt-br

From The Scuba Wiki

You do not have permission to edit this page, for the following reason:

You can view and copy the source of this page:

{{H:h|editor toc}} Você pode transferir arquivos por MediaWiki e pode os embutir em páginas textuais. Em outras palavra, para embutir uma imagem, o arquivo de imagem tem que ser transferido. Também outros arquivos podem ser transferido, [[#Supported file types|see below]]. Em versões mais atuais de MediaWiki, a termo "image" era usada para qualquer arquivo transferido; a versão atual usa o termo (e namespace) "file": ao invés. Quando um arquivo é transferido, um [[Help:Image page|file page]] (também chamou "image description page") será criado, com um [[Help:Page name|page name]] consistindo no nome de arquivo (inclusive extensão), prefixou com "File": (ou em geral o valor de variável <nowiki>{{ns:File}} </nowiki> (MediaWiki 1.14 following) ou <nowiki>{{ns:Image}} </nowiki> (MediaWiki 1.13 ou mais recente). Arquivos de Mídia como imagens pode ser incorporado em texto que usa o regular [[Help:Link|internal link syntax]]. Imagens também podem ser redimensionadas para ajustar melhor dentro da página, [[#Embedding internal files|see below]]. Um grupo de wikis podem ser designado a pessoa "wiki preferida" para transferir arquivos para, com o compartilhar desses arquivos habilitado. Entre wikis de Wikimedia, [[Commons:|Wikimedia Commons]] trabalha para isto. Se imagens forem transferidas para Wikimedia Commons, eles podem ser usados em todo os wikis de Wikimedia. Imagens transferidas de outro wiki (por exemplo [[w:Wikipedia|Wikipedia]]) só pode ser usado em páginas desse wiki. Assim isto só deveria ser feito se houver uma razão especial para isto, como substituir uma imagem localmente de Câmara dos Comuns com uma versão local sem trocar as ligações. Imagens também podem ser produzidas pelo sistema de especificações em wikitext: * [[Help:Formula|Formulas]] (por exemplo [http://meta.wikimedia.org/math/3187b0dd4e53e474d81e26f775c1cdfa.png A soma de quadrados de inteiros de 1 para ''N '']) *[[Help:EasyTimeline syntax|Timelines, navigational maps, etc.]] (por exemplo [http://meta.wikimedia.org/upload/timeline/d12a83ed39e720e3d4eb41241afdef3d.png os Líderes soviéticos]) *thumbnails de imagens transferidas (por exemplo [http://meta.wikimedia.org/upload/thumb/0/0b/180px-Canterbury_Tales.png Uma imagem de ''The Canterbury Tales'']) (salva bandwidth comparado com permitir o navegador fazer a redução) ==Tipos de Arquivos Suportados == Por padrão, MediaWiki só lhe permite transferir certos tipos de arquivos (extensões ''gif '', ''jpg '', ''jpeg '', ''ogg '' e ''png ''). Isto é administrado pelas ordens contida no arquivo includes/DefaultSettings.php[http://svn.wikimedia.org/viewvc/mediawiki/trunk/phase3/includes/DefaultSettings.php?view=markup]: <source lang="php"> /** * Esta é a lista de extensões preferidas para transferir arquivos. Arquivos * transferidos com extensões não contidas nesta lista ativará uma advertência. */ $wgFileExtensions = array( 'png', 'gif', 'jpg', 'jpeg' ); /** Arquivos com estas extensões, nunca serão permitidos sua transferência. */ $wgFileBlacklist = array( # HTML pode conter JavaScript cookies-roubando e bug de web 'html', 'htm', 'js', 'jsb', 'mhtml', 'mht', # Manuscritos de PHP podem executar código arbitrário no servidor 'php', 'phtml', 'php3', 'php4', 'php5', 'phps', # Outros tipos que podem ser interpretados por alguns servidores 'shtml', 'jhtml', 'pl', 'py', 'cgi', # Pode conter executáveis prejudiciais para vítimas de Windows 'exe', 'scr', 'dll', 'msi', 'vbs', 'bat', 'com', 'pif', 'cmd', 'vxd', 'cpl' ); /** Arquivos com estes mime types nunca serão permitidos para transferência * se $wgVerifyMimeType estiver habilitado. */ $wgMimeTypeBlacklist= array( # HTML pode conter JavaScript rouba-cookies e bug de web 'text/html', 'text/javascript', 'text/x-javascript', 'application/x-shellscript', # Manuscritos de PHP podem executar código arbitrário no servidor 'application/x-php', 'text/x-php', # Outros tipos que podem ser interpretados por alguns servidores 'text/x-python', 'text/x-perl', 'text/x-bash', 'text/x-sh', 'text/x-csh', # Metafile de Windows, vulnerabilidade do lado do cliente em alguns sistemas, 'application/x-msmetafile' ); /** Esta é uma flag para determinar a qual ou não extensões de arquivos * inspecionar em transferência. */ $wgCheckFileExtensions = false; /** * Se este é tornado off, os usuários podem anular a advertência para arquivos * não cobertos por $wgFileExtensions. */ $wgStrictFileExtensions = true; /** Adverte se arquivos a serem transferidos forem maiores que isto (em bytes), * ou false para desabilitar */ $wgUploadSizeWarning = false; </source> Leve em conta que há uma lista negra de extensões de arquivo e tipos mime type. Por motivo de segurança programas executáveis não são permitidos através de padrão. Também alguns tipos de arquivo que poderiam ser transferido no passado já não podem ser transferido, mas os arquivos já transferidos ainda podem ser usados. [[w:Scalable Vector Graphics|SVG]] transferir imagens podem ser unidos, mas não podem ser incorporados diretamente, por exemplo [[Media:Wikipedia3fnlc1.svg]] ([[:Image:Wikipedia3fnlc1.svg|image description page]]) - veja também [[m:SVG image support]]. Para vídeos veja [[m:Video policy]]. == Transferindo == Para transferir um arquivo, em geral, vão para Câmara dos Comuns,[[commons:Special:Userlogin|log in there]], e transfira o arquivo usando o link de transferência [[commons:Special:Upload]]. No menu na esquerda abaixo da "caixa de ferramentas" você terá uma ligação nominada "Upload file". Se você quiser transferir o arquivo para um do outro wikis, você pode seguir os mesmos passos como a Câmara dos Comuns, mas esteja seguro de recorrer às diretrizes locais. Antes de transferir por favor assegure-se que você tem direitos para transferir e redistribuir o arquivo(s) em questão, e que eles concordam com qualquer projeto adicional [[Commons:Commons:Licensing|licensing requirements]] do Wikimedia da Câmara dos Comuns e outros [[Commons:Project_plan#Criteria_for_inclusion|criteria for inclusion]]. Por favor note que como as páginas de wiki, podem ser editadas por outros ou apagadas sua transferência se eles pensarem que serve o projeto, e você pode ser bloqueado de transferir se você abusar do sistema. Os formatos preferidos são JPEG para imagens fotográficas com milhões de cores e sombras; PNG para imagens de pixelated de cor fixada como ícones; SVG para desenhos estruturados, logotipos; e OGG para audio. Uma vez que você recebeu a página de transferência, na maioria dos navegadores, você verá um botão "Navegue... " que exporá o arquivo de padrão de seu sistema operacional diálogo aberto. Escolhendo um arquivo encherão o nome desse arquivo no campo de texto próximo ao botão. Transfira o arquivo debaixo de um nome satisfatório, porque renomear o arquivo depois de transferir não é possível. O nome de arquivo não necessita estar igual ao nome de arquivo armazenado em seu computador. Por favor nomeie seus arquivos descritivelmente para evitar confusão e ter certeza que o nome de arquivo tem o próprio [[w:extension|extension]]. Os nomes de arquivo são caso-sensíveis (isto solicita até mesmoa extensão de nome de arquivo) exceto, na maioria do wikis, para o primeiro caractere. Ao escolher um nome para um arquivo em Câmara dos Comuns, não use um nome que já está em uso em qualquer projeto no qual o arquivo pode ser usado. Este é porque um arquivo em Câmara dos Comuns com o mesmo nome como um no local não é acessível para incorporar no projeto local. Porém, se o arquivo novo em Câmara dos Comuns deveria substituir o local, e o local serão apagados então, você pode usar o mesmo nome. Você também tem que conferir o box que afirma que você não está violando nenhum direito autorais transferindo o arquivo. Aperte o botão "Transferir arquivos" para terminar a transferência. Isto pode levar algum tempo se você tiver uma conexão de internet lenta. Quando um arquivo for transferido com o mesmo nome como um existindo a pessoa, o antigo é substituído, e o sistema advertirá contra sobrescrever. Quando um arquivo de mídia é substituído transferindo um novo com o mesmo nome (por exemplo uma imagem em um artigo é substituída), este não se aparece na história de página do artigo, nem no [[Help:Related changes|Related changes]] do artigo, nem na história de revisão da página de descrição de imagem (a menos que a seção de descrição também seja trocada). Porém, é gravado na seção de História de Imagem da página de descrição de imagem, e troca [[m:Upload log]]. Então, para assistir trocas em imagens em um artigo, não é suficiente assistir o próprio artigo. Assistindo as páginas de descrição de imagem lhe ajudarão a encontrar a troca no arquivo (de MediaWiki 1.13). [[Help:Editing#Page_protection|Protection]] de uma página de imagem é automaticamente também proteção da própria imagem: exemplo. uma imagem nova debaixo do nome da imagem existente pode ser só transferido por um sysop. Quando substitur ou apagar um arquivo em Câmara dos Comuns, todos os projetos que usam o arquivo são afetados. Então é importante que a página de imagem em Câmara dos Comuns seja unida às páginas de imagem locais desse arquivo em todos os projetos que usam isto. Nestes, até mesmo se eles nunca foram criados explicitamente e então tenha um editable vazio partir, o " arquivo une " seção mostra as páginas locais que usam o arquivo. Veja [[commons:Commons:First steps]] para mais detalhes. [[Special:Imagelist]] provê a mesma informação como o [[m:Upload log|Upload log]], mas usa a hora local do usuário em vez do tempo de padrão (ajuste para [[w:Coordinated Universal Time|Coordinated Universal Time]] para projetos de Wikimedia). além dá os tamanhos de arquivo. Mais adiante permite carregar partes e ordenar através de tamanho além de ordenar através de data, e não só tem ligações à descrição de imagem pagina, mas também diretamente para as imagens. == Embutindo arquivos internos == Para embutir um arquivo interno em um texto, você tem só que especificar seu nome de arquivo com a sintaxe de ligação interna (<code>[[ ]]</code>). Assim, <code><nowiki>[[image:tst.png]] </nowiki></code> dá [[image:tst.png]]. Aqui,"internal" recorre ao mesmo projeto e Câmara dos Comuns. É assumido que um nome de imagem se refere a um no mesmo projeto se existir, caso contrário para um em Câmara dos Comuns. Se nenhum existe uma ligação à página de transferência se aparece, com classe = novo " (ligação " " vermelha). A ligação é feita igual a um para o edite página da página de imagem não-existente, a não ser que os exibe anteriores a forma canônica do nome da página. Só imagens própria podem ser apresentadas automaticamente, som não é executado automaticamente. Uma imagem interna incorporada automaticamente ligações para o [[help:image page|image page]] que exibe a imagem completa, ou, dependendo de preferências, uma versão reduzida com uma ligação para a versão completa. A página também provê informação sobre a imagem. Não podem ser incorporadas imagens em lista de imagem MediaWiki:Bad ; eles aparecem como uma ligação regular à página de imagem. Podem ser adicionadas exceções para permitir uma imagem listada em artigos pertinentes particulares. Por exemplo, veja lista de imagem de w:en:MediaWiki:Bad. === Options === The internal-link style markup for embedding a file can take various options separated with a pipe character ("|"). In brief, they are [[Image:{name}|{type}|{location}|{size}|{upright}|{border}|{caption}]]. ; [[#Type|Type]]: 'thumb' / 'thumbnail' or 'frame'. Causes image to be displayed with specific formatting (see below). ; [[#Location|Location]]: 'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right', when combined with 'thumb' or 'frame'. ; [[#Size|Size]]: {width}px or {width}x{height}px, scales the image to be no greater than the given width and height, keeping its aspect ratio. ; [[#Upright|Upright]]: for use only on images that are taller than they are wide. This scales the image differently, considering both width and height instead of only width. ; [[#Border|Border]]: adds a border around the image. ; [[#Caption|Caption]]: Any element which cannot be identified as one of the above is assumed to be caption text. <!--; Alt: To change the alternative text of an image.--><!--See https://bugzilla.wikimedia.org/show_bug.cgi?id=368#c18--> ; [[#Link|Link]]: To allow an image to link to an arbitrary title, URL or just nowhere. ; [[#Alt|Alt]]: For changing the alternative text (<code>alt=""</code>) of an image. ==== Type ==== Image embedding syntax without type specification displays the image inline without any frame or visible caption. For example, <code><nowiki>[[image:tst.png|abc]]</nowiki></code> gives [[image:tst.png|abc]]. The caption substitutes the 'title' attribute of the generated HTML image tag. To add the uploaded image to an article as a thumbnail, one can write <code><nowiki>[[Image:</nowiki> ''file name including extension'' |thumb|''caption''<nowiki>]]</nowiki></code>. [[Image:tst.png|thumb|abc]] [[Image:Gelderland-Position.png|thumb|abc]] Therefore <code><nowiki>[[image:tst.png|thumb|abc]]</nowiki></code> and <code><nowiki>[[Image:Gelderland-Position.png|thumb|abc]]</nowiki></code> respectively give the images on the right. Both the images themselves and the "enlarge" icon in the frame link to the image pages. {{-}} You can also specify the size of the image. However, the default thumbnail width can be set in the [[Help:preferences|preferences]], so typically it is better ''not'' to specify "px", in order to respect the users' preferences. If the original size of the image is smaller than the specified size, it will not be enlarged. [[Image:tst.png|thumb|50px|abc]] [[Image:Gelderland-Position.png|thumb|50px|abc]] Thus <code><nowiki>[[image:tst.png|thumb|50px|abc]]</nowiki></code> is not enlarged, while <code><nowiki>[[Image:Gelderland-Position.png|thumb|50px|abc]]</nowiki></code> is shown at 50px-wide (see on the right). {{-}} [[image:tst.png|frame|abc]] [[Image:Gelderland-Position.png|frame|50px|abc]] If you use the "frame" option the image will not be scaled, and size specifiers will be invalid. See <code><nowiki>[[image:tst.png|frame|abc]]</nowiki></code> and <code><nowiki>[[Image:Gelderland-Position.png|frame|50px|abc]]</nowiki></code> on the right for example. {{-}} Use <code><nowiki><br clear="all" /></nowiki></code>, or on projects that have [[Template:Clr]] or [[Template:-]] <code><nowiki>{{clr}}</nowiki></code> or <code><nowiki>{{-}}</nowiki></code> to stop the text floating around the image. ==== Location ==== The location of the image within the page can be specified as 'right', 'left', 'center' or 'none'. Once specified, you cannot align the images horizontally, unless you use other markups such as those for a table. For example, <code><nowiki>[[image:tst.png|left]]</nowiki></code> puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second vertically follows the first. <pre> [[image:tst.png|left]][[image:tst.png|left]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh [[image:tst.png|left]] euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' </pre> [[image:tst.png|left]][[image:tst.png|left]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh [[image:tst.png|left]] euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} Compare this with <pre> [[image:tst.png]][[image:tst.png]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh [[image:tst.png]] euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' </pre> [[image:tst.png]][[image:tst.png]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh [[image:tst.png]] euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} <code><nowiki>[[image:tst.png|thumb|left]]</nowiki></code> or <code><nowiki>[[image:tst.png|frame|left]]</nowiki></code> also works. [[image:tst.png|thumb|left]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' [[image:tst.png|frame|left]]''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} If you specify "right", the image is placed at the right. <pre> [[image:tst.png|right]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' </pre> [[image:tst.png|right]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} When used with a type specifier, the result is the same with when you did not specify any location. <pre> [[image:tst.png|thumb|right]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' </pre> [[image:tst.png|thumb|right]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} You can also combine them. <pre> [[image:tst.png|left]][[image:tst.png|right]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' </pre> [[image:tst.png|left]][[image:tst.png|right]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} <pre> [[image:tst.png|thumb||left]][[image:tst.png|thumb]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' </pre> [[image:tst.png|thumb|left]][[image:tst.png|thumb]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' {{-}} With <code><nowiki>[[image:tst.png|none]]</nowiki></code>, the image is put at the left, and text that follows starts below it, not floating to its right. <pre> [[image:tst.png|none]] ''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta'' </pre> [[image:tst.png|none]] ''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta'' ==== Size ==== The size of the images can be reduced and enlarged by specifying with px. You can either specify its width or width and height. In the latter case the image will keep its original aspect ratio: either the width or the height will be equal to the specified maximum, whichever allows the other to be <= the maximum. Therefore, <code><nowiki>[[image:tst.png|40px|abc]]</nowiki></code> gives [[image:tst.png|40px|abc]] and <code><nowiki>[[image:tst.png|70x60px|abc]]</nowiki></code> gives [[image:tst.png|70x60px|abc]]. Or <pre> text [[image:Quill and ink.png]] text [[image:Quill and ink.png|5px|]] text [[image:Quill and ink.png|100px|demo]] text </pre> gives text [[image:Quill and ink.png]] text [[image:Quill and ink.png|5px|]] text [[image:Quill and ink.png|100px|demo]] text ==== Caption ==== Giving a caption is strongly recommended for the sake of accessibility. [[#Type|Inline]] images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"title"-attribute]] (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). Be careful not to place a pipe character ("|") at the end of the syntax, unless you are doing it on purpose. Because of the [[Help:piped link|piped link]] function, if the syntax ends with a pipe character, the file name will be treated as the caption. <pre> [[image:tst.png|abc]] [[image:tst.png|abc|]] [[image:tst.png|40px|abc]] [[image:tst.png|40px|abc|]] [[image:tst.png|abc|40px]] [[image:tst.png|abc|40px|]] </pre> [[image:tst.png|abc]] [[image:tst.png|abc|]] [[image:tst.png|40px|abc]] [[image:tst.png|40px|abc|]] [[image:tst.png|abc|40px]] [[image:tst.png|abc|40px|]] [[image:Middle_east.jpg|thumb|Middle East; for more detailed pdf-version see [https://www.cia.gov/cia/publications/factbook/reference_maps/pdf/midde_east.pdf]]] The caption can contain links. See right for an example. {{-}} ==== Link ==== :'''Important note:''' This should ''only'' be used with images that don't require attribution (mostly Public Domain images). Other images ''must'' link to the image description page, otherwise they violate copyrights [[Image:Crystal Clear app clock.png|right|60px|link=en:Clock]] * Without link: <nowiki>[[Image:Pic.jpg|link=]]</nowiki> * With internal link: <nowiki>[[Image:Pic.jpg|link=Main_Page]]</nowiki> * With external link: <nowiki>[[Image:Pic.jpg|link=http://google.com/]]</nowiki> ==== Alt ==== [[Image:Tst.png|right|alt=This is displayed if the image isn't shown! Furthermore, IE may show this as tooltip.]] <nowiki>[[Image:Pic.jpg|alt=This is displayed if the image isn't shown! Furthermore, IE may show this as tooltip.]]</nowiki> === Gallery === <!-- NOTE: At least [[m:Help:Gallery]] and [[w:Help:Gallery]] link directly to this section. If you change this section's name, please update those too. --> The gallery-tag is a quick way to show thumbnails in a number of columns. The images will have a single fixed width. The gallery-tag also allows text to take the position of an image. The resulting HTML is that of a table with class="gallery", with cells with class="gallerybox". Each entry is of the form <code>Image:''image name''</code> or <code>Image:''image name''|''caption, possibly with links''</code>. A title to the gallery can be given with "gallery caption" parameter. The number of images per row can be set by "perrow"; the default is 4, but perrow is ignored on Commons (as of 2009-01-15). The width and height per image ("widths" and "heights") can be set as well. The height of the caption depends on the image width and varies per image with the length of the caption. The height of each table row is the maximum height needed in that row for an image with a caption. Example: <pre><gallery caption="Sample gallery" widths="100px" heights="100px" perrow="6"> Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province Image:Flevoland-Position.png Image:Friesland-Position.png|[[w:Friesland|Friesland]] has many lakes Image:Gelderland-Position.png Image:Groningen-Position.png Image:Limburg-Position.png Image:Noord_Brabant-Position.png Image:Noord_Holland-Position.png Image:Overijssel-Position.png Image:Zuid_Holland-Position.png|[[w:South Holland|South Holland]], the most crowded province lakes Image:Zeeland-Position.png </gallery> [[Category: Locator maps of municipalities of Flevoland]] </pre> gives: <gallery caption="Sample gallery" widths="100px" heights="100px" perrow="6"> Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province Image:Flevoland-Position.png Image:Friesland-Position.png|[[w:Friesland|Friesland]] has many lakes Image:Gelderland-Position.png Image:Groningen-Position.png Image:Limburg-Position.png Image:Noord_Brabant-Position.png Image:Noord_Holland-Position.png Image:Overijssel-Position.png Image:Zuid_Holland-Position.png|[[w:South Holland|South Holland]], the most crowded province lakes Image:Zeeland-Position.png </gallery> ==== Galleries in categories ==== A gallery of images on a [[Help:Category|category]] page is automatically shown as the fourth section of this category page. The first 20 characters of the image name are shown, with dots if that is not the full name. Both the image and the name link to the image page, instead of just the image. No alternative text or other links are possible. The file size is also shown. For a comparison, see [[commons:Category:William-Adolphe Bouguereau]] and [[commons:William-Adolphe Bouguereau]]. ==== Images in a table ==== Using table syntax, with images in separate cells, and the image syntax explained elsewhere on this page, gives more control over size, layout, captions, etc. than each of the two methods above. However, only a category page automatically gives file sizes. Example of an image table: <pre> {| border="1" |+'''Provinces of the Netherlands''' |- | valign="top"| [[Image:Drenthe-Position.png|thumb|left|150px|[[w:Drenthe|Drenthe]], the least crowded province]] | valign="bottom"| [[Image:Flevoland-Position.png|thumb|left|100px|]] | valign="top"| [[Image:Friesland-Position.png|thumb|left|100px|]] |- | |- | valign="top"| [[Image:Gelderland-Position.png|thumb|left|100px|]] | valign="top"| [[Image:Zuid_Holland-Position.png|thumb|left|100px|[[w:South Holland|South Holland]], the most crowded province]] | valign="top"| [[Image:Utrecht-Position.png|thumb|left|50px|]] |} </pre> gives: {| border="1" |+'''Provinces of the Netherlands''' |- | valign="top"| [[Image:Drenthe-Position.png|thumb|left|150px|[[w:Drenthe|Drenthe]], the least crowded province]] | valign="bottom"| [[Image:Flevoland-Position.png|thumb|left|100px|]] | valign="top"| [[Image:Friesland-Position.png|thumb|left|100px|]] |- | |- | valign="top"| [[Image:Gelderland-Position.png|thumb|left|100px|]] | valign="top"| [[Image:Zuid_Holland-Position.png|thumb|left|100px|[[w:South Holland|South Holland]], the most crowded province]] | valign="top"| [[Image:Utrecht-Position.png|thumb|left|50px|]] |} Note that, with this method, each image has a width specified by the size option, if any, and a height depending on whether there is caption or not, and how long the caption is. The width of a column is determined by the widest image in it, and the height of the row is determined by the tallest image in it. {{tim|gallery}} supports making a gallery using table syntax. The parameters "left" and "right" may give complications inside a table (and may not be needed anyway), depending on the browser. In IE the first table sometimes (!) displays text through the image: <pre> {| border="1" | [[Image:Crystal_Clear_app_clock.png|left]] |abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz |} </pre> {| border="1" | [[Image:Crystal_Clear_app_clock.png|left]] |abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz |} <pre> {| border="1" | [[Image:Crystal_Clear_app_clock.png]] |abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz |} </pre> {| border="1" | [[Image:Crystal_Clear_app_clock.png]] |abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz |} == Linking == To link to an uploaded file, e.g. Flag of Somalia.svg, use <code><nowiki>[[Media:Flag of Somalia.svg]]</nowiki></code> instead of <code><nowiki>[[Image:Flag of Somalia.svg]]</nowiki></code>, giving [[Media:Flag of Somalia.svg]]; to link to the image description page, use <code><nowiki>[[:Image:Flag of Somalia.svg]]</nowiki></code>, giving [[:Image:Flag of Somalia.svg]] (the first colon is not displayed). In the case of '''non-image uploads''', e.g. office files (if allowed by the system), the keyword 'media' is used even though office documents are not typically classed as media, in the context of audio/video etc. [[Help:Piped link|Piped link]]s work as usual. Existence detection, with a link to the edit page if the page does not exist, works as usual, but is applicable for the image ''page'', not the file. [[Help:Interwiki linking|Interwiki linking]] style gives a link to the image page. If [[Help:Interwiki linking#Interlanguage_link_.28software_feature.29|interlanguage links]] would be applicable, use a colon in front of the language code, e,g. <code><nowiki>[[:de:Bild:Europa-Pos.png]]</nowiki></code>, to avoid the link being put in the margin. For embedding (if possible, see below) and linking to the file itself, use external link style. External link syntax is as usual. However, if you want a link to an image proper on a page of a project that allows embedded external images, use a bracketed link syntax and not just the URL, to prevent embedding. Below one can see the result of the three types of internal link style and external link style on this project. To test this in another project, copy the wikitext there. If applicable, check also the interlanguage links at the margin of the page. Note that some links go to the image description page, others just to the image itself. *<code><nowiki>[[Image:Gelderland-Position.png]]</nowiki></code>[[Image:Gelderland-Position.png]] *<code><nowiki>[[:Image:Gelderland-Position.png]]</nowiki></code>[[:Image:Gelderland-Position.png]] *<code><nowiki>[[Media:Gelderland-Position.png]]</nowiki></code>[[Media:Gelderland-Position.png]] *external, with label: <code><nowiki>[http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png Gelderland]</nowiki></code> [http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png Gelderland] *external, footnote style: <code><nowiki>[http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png]</nowiki></code> [http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png] *external, just the URL: <code><nowiki>http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png</nowiki></code> http://en.wikipedia.org/upload/d/d1/Gelderland-Position.png == Navigational maps == Navigational maps like [http://www.sdu.nl/staatscourant/gemeentes/gemprovin.htm#ZH] have map areas linked to pages. The html with <area> tags can not be put in the wikitext. However, there are the following possibilities: * With [[mw:Extension:ImageMap|ImageMap]] (MW 1.9+) you can define areas in an image and link to wiki pages when clicking on that area. * [[Help:EasyTimeline syntax|EasyTimeline]] allows the creation of an image and a page embedding that image, with rectangular map areas defined by <area> tags in the html. The [[w:hyperlink|title of a link]] to a non-internal page is only the domain name, e.g. "en.wikipedia.org/..". The length and width of the rectangle can not be controlled, except that it depends on the length of the link label and its font size. In case of overlap of rectangles one has to look at the hoverbox or statusbar to avoid following the wrong link. In case of much overlap it may not be possible to use all links. * One can divide an image in rectangles, like in these [[w:Template_talk:Game_of_Go_Position#No_comment_tags_needed|chess and go positions]], or superimpose an area with images (see above) and link each rectangle/image to the desired target by means of a redirect on the image page (provided that the target is internal). '''See also:''' * [[Help:Composite images]] - Allows superimposing a linked text onto an image. * [[w:Downtown Ottawa#Map|Map of Downtown Ottawa]], [[w:Wellington Street]]. === Example using ImageMap === Example: <pre> <imagemap> Image:Sudoku dot notation.png|300px circle 320 315 165 [[w:1|1]] circle 750 315 160 [[w:2|2]] circle 1175 315 160 [[w:3|3]] circle 320 750 160 [[w:4|4]] circle 750 750 160 [[w:5|5]] circle 1175 750 160 [[w:6|6]] circle 320 1175 160 [[w:7|7]] circle 750 1175 160 [[w:8|8]] circle 1175 1175 160 [[w:9|9]] default [[w:Number|Number]] </imagemap> </pre> Output of this example: <imagemap> Image:Sudoku dot notation.png|300px circle 320 315 165 [[w:1|1]] circle 750 315 160 [[w:2|2]] circle 1175 315 160 [[w:3|3]] circle 320 750 160 [[w:4|4]] circle 750 750 160 [[w:5|5]] circle 1175 750 160 [[w:6|6]] circle 320 1175 160 [[w:7|7]] circle 750 1175 160 [[w:8|8]] circle 1175 1175 160 [[w:9|9]] default [[w:Number|Number]] </imagemap> '''See also:''' * [[:en:Category:Wikipedia imagemaps]] * [[:nl:Categorie:Wikipedia:Imagemap]] ===Examples using EasyTimeline=== '''Example 1''' <pre> <timeline> ImageSize = width:400 height:150 PlotArea = width:400 height:150 left:0 bottom:0 TimeAxis = orientation:vertical # dummy, required Period = from:0 till:1 # dummy, required Define $s = fontsize:XL TextData = pos:(50,120) $s text:[http://en.wikipedia.org/wiki/Leiden|o Leiden] pos:(150,110) $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|o Alphen aan den Rijn] pos:(10,80) $s text:[http://en.wikipedia.org/wiki/The%20Hague|o The Hague] pos:(50,40) $s text:[http://en.wikipedia.org/wiki/Rotterdam|o Rotterdam] </timeline> </pre> gives <timeline> ImageSize = width:400 height:150 PlotArea = width:400 height:150 left:0 bottom:0 TimeAxis = orientation:vertical # dummy, required Period = from:0 till:1 # dummy, required Define $s = fontsize:XL TextData = pos:(50,120) $s text:[http://en.wikipedia.org/wiki/Leiden|o Leiden] pos:(150,110) $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|o Alphen aan den Rijn] pos:(10,80) $s text:[http://en.wikipedia.org/wiki/The%20Hague|o The Hague] pos:(50,40) $s text:[http://en.wikipedia.org/wiki/Rotterdam|o Rotterdam] </timeline> '''Example 2''' <pre> <timeline> Preset = TimeHorizontal_AutoPlaceBars_UnitYear ImageSize = width:500 barincrement:50 Period = from:0 till:12 BarData= bar:a bar:b bar:c Define $s = fontsize:XL BackgroundColors = canvas:white PlotData= width:20 shift:(45,-5) bar:a from:3 till:4 $s text:[http://en.wikipedia.org/wiki/Leiden|Leiden] bar:a from:6 till:7 $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|Alphen aan den Rijn] bar:b from:1 till:2 $s text:[http://en.wikipedia.org/wiki/The%20Hague|The Hague] bar:c from:3 till:4 $s text:[http://en.wikipedia.org/wiki/Rotterdam|Rotterdam] </timeline> </pre> gives <timeline> Preset = TimeHorizontal_AutoPlaceBars_UnitYear ImageSize = width:500 barincrement:50 Period = from:0 till:12 BarData= bar:a bar:b bar:c Define $s = fontsize:XL BackgroundColors = canvas:white PlotData= width:20 shift:(45,-5) bar:a from:3 till:4 $s text:[http://en.wikipedia.org/wiki/Leiden|Leiden] bar:a from:6 till:7 $s text:[http://en.wikipedia.org/wiki/Alphen%20aan%20den%20Rijn|Alphen aan den Rijn] bar:b from:1 till:2 $s text:[http://en.wikipedia.org/wiki/The%20Hague|The Hague] bar:c from:3 till:4 $s text:[http://en.wikipedia.org/wiki/Rotterdam|Rotterdam] </timeline> === Alternatives === Some attempts for other alternatives (note the hover boxes): {| | | [[w:Leiden|o]] | |- | [[w:The Hague|o]] | |- | | [[w:Rotterdam|o]] | |} [[w:Ascii art|Ascii art]] map, with both the city outline and the label clickable: [[w:Leiden|x]] [[w:Leiden|xxx]] [[w:Leiden|Leiden]] [[w:Leiden|x]] [[w:The Hague|xx]] [[w:The Hague|xxxx]] [[w:The Hague|The Hague]] [[w:The Hague|xxx]] [[w:Rotterdam|xx]] [[w:Rotterdam|xxxxx]] [[w:Rotterdam|Rotterdam]] [[w:Rotterdam|xxxx]] When external images can be embedded: {| | | [[w:Leiden|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png]] | |- | [[w:The Hague|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png]] | |- | | [[w:Rotterdam|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png]] | |} The HTML titles are "w: Leiden", etc., the alt attribute is "Tst.png". [[w:Opera (browser)|Opera]] shows the title in the hoverbox, and also the url, [[w:Internet Explorer|IE]] only shows the titles. With labels: {| ! width="15px"| | [[w:Leiden|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png Leiden]] | |- ! colspan="2" align="left" | [[w:The Hague|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png The Hague]] | | |- | | [[w:Rotterdam|http://upload.wikimedia.org/wikipedia/commons/2/27/Tst.png Rotterdam]] | |} See also [[m:Maps]], [[m:Maps' clickability]]. For using an image as a link to another document, see [[Help:Navigational image]]. For more possibilities, see [[en:Wikipedia:Extended image syntax]]. Also, the source of existing pages with images are useful as examples. === Template for showing links to files with appropriate icons === For a template to enable files to be shown as links with relevant icons, as well as a link to the file's wiki page, see [[MetaWikiPedia:User:CharlesC/Template for document links showing file icons|here]]. This is for wikis that support embedding external images - which is most personal, corporate and organizational wikis based on MediaWiki. Notable exceptions are Wikipedia and Meta. Because Meta can't render this template, here is an image of how the template appears: [[MetaWikiPedia:Image:PDF file example.png]] == See also == * [[Help:Image page]] * {{mlw|Wikipedia:Extended image syntax}} * {{mlm|Help:Composite images}} * {{mlm|Collaborative images}} * {{mlm|Parser testing|Pictures}} * {{mlw|Wikipedia:Image use policy}} * {{mlmw|Manual:Image Administration}} ** {{mlmw|Manual:$wgFileExtensions/ja}}: setting the list of allowed/preferred file extentions ** {{mlmw|Manual:$wgAllowExternalImages}}: allowing embedding of external images * {{mlmw|Manual:Configuring file uploads}} * {{mlmw|Extension:WikiTeX}}:MediaWiki extension that can produce graphs of functions, various diagrams, etc * {{mlm|Image pages}} * {{mlm|Sample image copyright case}} * {{mlm|Fixing transparent PNGs}} == External links == * Before publishing any images, keep in mind that they can contain [http://netzreport.googlepages.com/hidden_data_in_jpeg_files.html hidden data]. * [http://www.fractalus.com/info/png-jpeg.htm PNG, JPEG, and Fractals] * [http://www.fileinfo.net/filetypes/image Image File Types] {{H:f|langs=|enname=Images and other uploaded files}}

Return to Help:Images and other uploaded files/pt-br.