Cambios

:'png', 'gif', 'jpg'/'jpeg', 'ogg'.

:'png', 'gif', 'jpg'/'jpeg', 'ogg'.

==Enlaces==

==Enlace==

Para enlazar un archivo subido, por ejemplo Karmawiki logo.gif usa <nowiki>[[Media:Karmawiki logo.gif]]</nowiki> en lugar de <nowiki>[[Imagen:Karmawiki logo.gif]]</nowiki>, resultando [[Media:Karmawiki logo.gif]]; para crear un enlace hacia la pagina de descripción de la imagen, usa <nowiki>[[:Imagen:Karmawiki logo.gif]]</nowiki> para [[:Imagen:Karmawiki logo.gif]] (los primeros dos puntos no se muestran).

Para enlazar un archivo subido, por ejemplo Karmawiki logo.gif usa <nowiki>[[Media:Karmawiki logo.gif]]</nowiki> en lugar de <nowiki>[[Imagen:Karmawiki logo.gif]]</nowiki>, resultando [[Media:Karmawiki logo.gif]]; para crear un enlace hacia la pagina de descripción de la imagen, usa <nowiki>[[:Imagen:Karmawiki logo.gif]]</nowiki> para [[:Imagen:Karmawiki logo.gif]] (los primeros dos puntos no se muestran).

El [[Media:Karmawiki logo.gif|Texto alternativo]] funciona como siempre.  

[[Help:Piped link|Piped link]]s work as usual.

La sintaxis para un enlace externo es la misma. Sin embargo, si quieres un enlace a una imagen en un proyecto que permite imágenes externas “incrustadas”, usa la sintaxis de un enlace de corchetes y no solo el URL, para prevenir el incrustamiento.

[[Help:Interwiki linking|Interwiki linking]] style gives a link to the image description page. For embedding (if possible, see below) and linking to the file itself, use external link style.

Para usar una imagen como un enlace a otro documento, ver [[Ayuda:Imagen de Navegación]].

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. <nowiki>[[:de:Bild:Europa-Pos.png]]</nowiki>, to avoid the link being put in the margin.

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.

“Interna” se refiere a que dicha imagen existe en el proyecto de Karmawiki.

Solamente las imágenes pueden ser automáticamente presentadas, los sonidos no se reproducen automáticamente.

For using an image as a link to another document, see [[Help:Navigational image]].

Una imagen incrustada interna automáticamente enlaza a la [[Ayuda:Pagina de imagen|Pagina de imagen]], la cual muestra la imagen completa, o, dependiendo de las preferencias, una versión reducida con un enlace a la versión completa. La pagina también muestra información acerca de la imagen.

For users who allow '''non-image uploads''', e.g. office files, the keyword 'media' is misleading because office documents are not typically classed as media, in the context of audio/video etc. But it is the correct syntax to use when linking to a non-image file.  

[[Imagen:tst.jpg|thumb|50px|[[Media:tst.jpg|Tamaño real]]]]

"Internal" refers to both the same project and Commons. An image name is assumed to refer to the one in the same project if it exists there, otherwise to one on Commons.

El tamaño por defecto del ancho del thumbnail puede ser especificado en las preferencias, así que regularmente en mejor “no” especificar “px”, para respetar las preferencias de los usuarios (a menos que por alguna razón especial, un tamaño especifico sea requerido sin tener en cuenta las preferencias, o si el tamaño especificado esta fuera del rango de los 120-300 que pueden especificarse en las preferencias).

El texto descriptivo puede contener enlaces. Este formato permite reducción y ampliación. Ambos, la imagen misma y el icono enlazan a la página de imagen. El icono tiene el texto “Ampliar” en su mouseover, aún en casos donde la imagen en la página de imagen sea menor. Dependiendo en las preferencias, la imagen en la pagina de imagen puede ser más pequeña que el thumbnail, por lo que un enlace podría ser conveniente desde el thumbnail directo de la imagen en su tamaño real. Por ejemplo: <nowiki>[[imagen:tst.png|thumb|50px|[[Media:tst.png|Tamaño real]]]]</nowiki> (ver a la derecha; ve también Imagen Doble)

Only images proper can be automatically presented, sound is not automatically played.

 

 

[[image:tst.png|thumb|50px|[[Media:tst.png|actual size]]]]

To add the uploaded image to an article as a thumbnail, one can use  <nowiki>[[Image:</nowiki> ''image name including extension'' |thumb|''caption''<nowiki>]]</nowiki> or

 

{{H:new|the default thumbnail width can be set in the preferences, so typically it is better ''not'' to specify "px", in order to respect the users' preferences (unless, for a special reason, a specific size is required regardless of preferences, or a size is specified outside the range of widths 120-300 that can be set in the preferences).}}

 

The caption can contain links. This format allows both size reduction and enlargement. Both the image itself and an icon link to the image page. The icon has the link title "Enlarge" in its hoverbox, even in cases where the image on the image page is smaller. Depending on preferences the image on the image page may be smaller than the thumbnail image, so a link may be convenient from the thumbnail straight to the image in actual size. E.g. <nowiki>[[image:tst.png|thumb|50px|[[Media:tst.png|actual size]]]]</nowiki> (see right; see also {{tiw|en|Dual image}}){{clr}}

{|align=right border="1"

{|align=right border="1"

|[[Imagen:KT00106.jpg|100px|]]<BR />[http://upload.wikimedia.org/wikipedia/commons/1/1b/Netherlands_pol87.jpg full size]

|[[Image:Netherlands pol87.jpg|100px|]]<BR />[http://upload.wikimedia.org/wikipedia/commons/1/1b/Netherlands_pol87.jpg full size]

|}

|}

[[imagen:Middle_east.jpg|thumb|left|Middle East; for more detailed pdf-version see http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf]]

[[image:Middle_east.jpg|thumb|left|Middle East; for more detailed pdf-version see http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf]]

{|align=right bgcolor=#dddddd

{|align=right bgcolor=#dddddd

|[[imagen:Middle_east.jpg|thumb|Middle East]]

|[[image:Middle_east.jpg|thumb|Middle East]]

|-

|-

|([http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf pdf])

|([http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf pdf])

===Image at the left===

===Image at the left===

'''<nowiki>[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' 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 abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text:

'''<nowiki>[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' 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 abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text:

[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]][[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  between the 3rd and 4th images. [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 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 luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' after the 4th image.

[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]][[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.''  between the 3rd and 4th images. [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 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 luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' after the 4th image.

{{clr}}

{{clr}}

With '''<nowiki>[[imagen:tst.png|none|thumb|50px|[[help:contents|demo]]]]</nowiki>''' the image is put at the left, and text that follows starts below it.

With '''<nowiki>[[image:tst.png|none|thumb|50px|[[help:contents|demo]]]]</nowiki>''' the image is put at the left, and text that follows starts below it.

[[imagen:tst.png|none|thumb|50px|[[help:contents|demo]]]]''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''

[[image:tst.png|none|thumb|50px|[[help:contents|demo]]]]''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''

===Image at the right===

===Image at the right===

'''<nowiki>[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first.

'''<nowiki>[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first.

[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''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.''  after the 1st image.[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''after the 2nd image.{{clr}}

[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''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.''  after the 1st image.[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''after the 2nd image.{{clr}}

===Using full width again===

===Using full width again===

[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]]Use '''<nowiki><br clear="all" /></nowiki>''', or on projects that have [[Template:Clr]] (Meta and en:): <nowiki>{{clr}}</nowiki>. Text floats around the image until it gets to <nowiki>{{clr}}</nowiki> (in Meta) like this.{{clr}}After <nowiki>{{clr}}</nowiki>, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this.

[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]]Use '''<nowiki><br clear="all" /></nowiki>''', or on projects that have [[Template:Clr]] (Meta and en:): <nowiki>{{clr}}</nowiki>. Text floats around the image until it gets to <nowiki>{{clr}}</nowiki> (in Meta) like this.{{clr}}After <nowiki>{{clr}}</nowiki>, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this.

===Inline images===

===Inline images===

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"). It is the last item of the image code, hence, if there is only the image name with prefix "imagen:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified.

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"). It is the last item of the image code, hence, if there is only the image name with prefix "image:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified.

The size of the images can be reduced but they can not be enlarged.

The size of the images can be reduced but they can not be enlarged.

Example (note the hoverbox too): "<nowiki>text [[imagen:tst.png]] text [[imagen:tst.png|</nowiki>'''5px'''<nowiki>|]] text [[imagen:tst.png|</nowiki>'''500px'''<nowiki>|demo]] text</nowiki>" gives "text [[imagen:tst.png]] text [[imagen:tst.png|5px|]] text [[imagen:tst.png|500px|demo]] text".

Example (note the hoverbox too): "<nowiki>text [[image:tst.png]] text [[image:tst.png|</nowiki>'''5px'''<nowiki>|]] text [[image:tst.png|</nowiki>'''500px'''<nowiki>|demo]] text</nowiki>" gives "text [[image:tst.png]] text [[image:tst.png|5px|]] text [[image:tst.png|500px|demo]] text".

'''''In the last example, in 1.5 the width is as specified, but the height is the original one.'''''

'''''In the last example, in 1.5 the width is as specified, but the height is the original one.'''''

Texts (also with links) and images can be positioned such that they partly cover an image with code like:

Texts (also with links) and images can be positioned such that they partly cover an image with code like:

   

   

<pre><div style="position: relative">[[Imagen:Map South Holland.png]]

<pre><div style="position: relative">[[Image:Map South Holland.png]]

<div style="position: absolute; left: 244px; top: 67px">[[Imagen:Tst.png]]</div>

<div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div>

<div style="position: absolute; left: 249px; top: 72px">[[Imagen:Tst.png]]</div>

<div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div>

<div style="position: absolute; left: 264px; top: 112px">[[Imagen:Tst.png]]</div>

<div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div>

<div style="position: absolute; left: 10px; top: 10px">[[Imagen:Text North Sea transparent.gif]]</div>

<div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.gif]]</div>

<div style="position: absolute; left: 10px; top: 50px">

<div style="position: absolute; left: 10px; top: 50px">

{| style="background:transparent"

{| style="background:transparent"

giving:

giving:

<div style="position: relative">[[Imagen:Map South Holland.png]]

<div style="position: relative">[[Image:Map South Holland.png]]

<div style="position: absolute; left: 244px; top: 67px">[[Imagen:Tst.png]]</div>

<div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div>

<div style="position: absolute; left: 249px; top: 72px">[[Imagen:Tst.png]]</div>

<div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div>

<div style="position: absolute; left: 264px; top: 112px">[[Imagen:Tst.png]]</div>

<div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div>

<div style="position: absolute; left: 10px; top: 10px">[[Imagen:Text North Sea transparent.gif]]</div>

<div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.gif]]</div>

<div style="position: absolute; left: 10px; top: 50px">

<div style="position: absolute; left: 10px; top: 50px">

{| style="background:transparent"

{| style="background:transparent"

<pre>

<pre>

<div style="position: relative">[[Imagen:Zeeuws Vlaanderen.png]]

<div style="position: relative">[[Image:Zeeuws Vlaanderen.png]]

<div style="position: absolute; left: 5px; top: 25px">

<div style="position: absolute; left: 5px; top: 25px">

{| style="background:transparent"

{| style="background:transparent"

gives

gives

<div style="position: relative">[[Imagen:Zeeuws Vlaanderen.png]]

<div style="position: relative">[[Image:Zeeuws Vlaanderen.png]]

<div style="position: absolute; left: 5px; top: 25px">

<div style="position: absolute; left: 5px; top: 25px">

{| style="background:transparent"

{| style="background:transparent"

==Gallery tag, category, table of images==

==Gallery tag, category, table of images==

The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Imagen:''image name'' or "Imagen:''image name''|''caption, possibly with links''". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored.

The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Image:''image name'' or "Image:''image name''|''caption, possibly with links''". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored.

<pre><gallery>

<pre><gallery>

A-L

A-L

Imagen:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province

Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province

Imagen:Flevoland-Position.png

Image:Flevoland-Position.png

Image:Friesland-Position.png

Image:Friesland-Position.png

[[Friesland]] is beautiful

[[Friesland]] is beautiful