Editando Ayuda:Imágenes (sección)

== Cómo enlazar la imagen en Wikipedia ==
Ver también [[wikipedia:Ayuda:Tutorial (imágenes)|Tutorial (imágenes)]]

=== Incluir una imagen en un artículo ===
Edita el artículo correspondiente y crea el siguiente enlace:

<code><nowiki>[[</nowiki>Archivo:''Nombre_del_archivo''|''Descripción.''<nowiki>]]</nowiki></code>

Puedes hacerlo con el botón [[Archivo:Vector toolbar insert image button.png|alt=Archivo empotrado|link=]] que aparece en la barra de botones que está encima de la caja de edición (aunque es posible que no aparezca en tu navegador). Selecciona el nombre del archivo y la descripción —separados por una barra vertical <code>|</code> — y pulsa el botón. Escribirá <tt>'''<nowiki>[[Archivo:</nowiki>'''</tt> adelante y <tt>'''<nowiki>]]</nowiki>'''</tt> detrás.

«''Nombre_del_archivo''» es el nombre que tiene la imagen incluyendo su extensión, la cual se usa para indicar el formato de la imagen agregada (.jpg, .png, etc.). 

La «''Descripción''» debería contener una breve descripción de la imagen, o un epígrafe.

Sólo falta refrescar la página correspondiente para comprobar el enlace. Recuerda respetar las mayúsculas y minúsculas en el enlace de la imagen.

<!-------''Nota:'' Por el simple hecho de usar una imagen de Commons, se creará una ''[[Ayuda:Página de descripción de las imágenes|página de descripción virtual]]'' de la imagen. Mira por ejemplo [[:Archivo:Mona Lisa.jpeg|la de la Mona Lisa]].------>

=== Opciones de presentación ===
La anterior sintaxis es la básica para mostrar una imagen tal cual en un artículo. La siguiente sintaxis da más posibilidades y es compatible con la anterior:
 <nowiki>[[</nowiki>Archivo:''Nombre_del_archivo''|''<nowiki><opciones></nowiki>''<nowiki>]]</nowiki>
Donde «''<nowiki><opciones></nowiki>''» puede ser ninguno, o varios parámetros de los indicados a continuación, siempre separados por barras verticales «|»:

{| class="wikitable" border="1"
|-bgcolor="#8DA7D6"
|'''Concepto'''
|'''Parámetros''' 
|'''Explicación'''
|-
| rowspan=5|''formato''
|width="200"| <code>thumb</code><br /><code>thumbnail</code>
| Genera una imagen enmarcada en miniatura –''thumbnail''–, alineada a la derecha a menos que se especifique una «''alineación''».<br />Tiene el tamaño prefijado en las preferencias del usuario (predeterminado en 220px) si no se especifica dicho «''tamaño''».<br />Tiene la «''descripción''» al pie y muestra además un icono de aumento.
|-
| <code>marco</code><br /><code>frame</code> , <code>framed</code>
| Ubica la imagen en un marco o ''frame'' con su «''descripción''» al pie.<br />Se usará el tamaño original de la imagen y sin poder alterarlo.
|-
| <code>border</code><br /><code>borde</code>
| Añade un borde de color gris claro, sin «''descripción''» al pie.<br />Se usará el tamaño original si no se especifica dicho «''tamaño''».
|-
| <code>frameless</code>
| Genera una miniatura con el tamaño prefijado en las preferencias del usuario (predeterminado en 220px) si no se especifica dicho «''tamaño''».<br />No añade borde ni «''descripción''» al pie. Flotará a la izquierda si no se especifica una «''alineación''».
|-
| 
| Si se deja en blanco, la imagen no tendrá ningún formato en particular, y fluirá en torno al texto –a menos que se especifique alguna «''alineación''»–.<br />Si tampoco se le indica ningún «''tamaño''», la imagen tomará su tamaño real.
|-
| rowspan=5|''alineación''
| <code>derecha</code> , <code>dcha</code><br /><code>right</code>
| Modifica la posición de la imagen para que flote a la derecha –el texto queda a su izquierda–.
|-
| <code>izquierda</code> , <code>izda</code><br /><code>left</code>
| Modifica la posición de la imagen para que flote a la izquierda –el texto queda a su derecha–.
|-
| <code>none</code>
| Modifica la posición de la imagen para que esta no flote –el texto quedará arriba y abajo de ella, pero no a sus lados–.
|-
| <code>centro</code> , <code>centrar</code>, <code>centrado</code><br /><code>center</code> , <code>centre</code>
| Igual que <code>none</code>, pero deja la imagen alineada en el centro.
|-
| 
| Si se deja en blanco, la imagen tomará la posición por defecto que le indique el parámetro de «''formato''» marcado.<br />Si tampoco se seleccionó ningún «''formato''», la imagen fluirá en torno al texto.
|-
| rowspan=3|''tamaño''
| ''<nowiki><número></nowiki>''<code>px</code>
| Se debe especificar un número de píxeles para que la imagen tome un tamaño de ancho determinado, por ejemplo así: <code>75px</code>
|-
| x''<nowiki><número></nowiki>''<code>px</code>
| Añadiendo una letra <code>x</code> antes del ''tamaño'', se fuerza a que la página reconozca dicho valor como tamaño de alto y no de ancho de la imagen. Téngase en cuenta que no es posible especificar ambos (ancho y alto); en esos casos, el software da prioridad al ancho para mantener la proporción.
|-
| 
| Si no se especifica nada, el ''tamaño'' dependerá del «''formato''» elegido.<br />Si tampoco se selecciona ningún «''formato''», entonces la imagen tomará su ''tamaño'' original.
|-
| ''descripción''
| ''<nowiki><texto></nowiki>''
| La descripción aparecerá al pie del marco del archivo si se seleccionó el «''formato''» <code>thumb</code>, o <code>frame</code>. Este texto se presentará como texto alternativo flotante si no se especifica un «''formato''» o si la imagen no se carga.
|-
| rowspan=2|''texto alternativo''
| <code>alt=</code>''<nowiki><texto></nowiki>''
| Si se añade una descripción al archivo, este parámetro permite especificar un texto adicional que haga el servicio de la etiqueta –HTML– ''alt'' y ''title'' de las imágenes.<br />Es importante para las personas ciegas que usan lectores de pantalla o para los [[wikipedia:Navegador web|navegadores]] [[wikipedia:Navegador web#Ejemplos de navegadores web|basados en texto]].
|-
| 
| Si no se especifica un texto alternativo, la imagen tomará como atributo ''alt'', el nombre del archivo –''<nowiki><Nombre_del_archivo></nowiki>''–.
|-
| ''enlace''
| <code>enlace=</code>''<nowiki><enlace></nowiki>''<br /><code>link=</code>''<nowiki><enlace></nowiki>''
| Añadir el nombre de una página de Wikipedia o una dirección web allí, hará que la imagen lleve hacia esa página al hacer clic sobre ella, en lugar de la [[wikipedia:Ayuda:Página de descripción de las imágenes|página de descripción]] por defecto. Si se deja <code>enlace=</code> vacío, no se podrá hacer clic sobre la imagen.
|}
Algunos son mutuamente excluyentes, manifestándose siempre el último valor especificado.

Las opciones pueden ser especificadas en cualquier orden. Si una de las opciones no concuerda con las opciones posibles, entonces se asume que es la descripción de la imagen. La ''descripción'' de la imagen puede contener enlaces wiki u otros formatos.

Existe la posibilidad de no mostrar la imagen, sino un enlace a un medio:
{| class="wikitable" border="1"
|-bgcolor="#8DA7D6"
|'''Otros '''
|'''Uso ''' 
|'''Explicación'''
|-
| rowspan=2|''Sin imagen''
|width="205"| <code><nowiki>[[</nowiki>:Archivo:''<nowiki><Nombre_del_archivo></nowiki>'']]</code>
| Escribiendo ''dos puntos'' «:» después de los corchetes de inicio, aparecerá un enlace a la ''página de descripción'' de la imagen, en lugar de la imagen misma.
|-
| <code><nowiki>[[</nowiki>Media:''<nowiki><Nombre_del_archivo></nowiki>'']]</code>
| Usando la palabra ''<tt>Media</tt>'' en lugar de ''<tt>Archivo</tt>'', se creará un enlace a la imagen enlazada –sin entrar a página de descripción alguna–.
|}

==== Ejemplos ====
{| class="wikitable" border="1"
|-bgcolor="#8DA7D6"
|'''Descripción'''
|'''Si escribes''' 
|'''Tendrás como resultado'''
|-
|Imagen embebida<br /> (con descripción como texto<br />alternativo "flotante" y en<br />tamaño original)
|
<code><nowiki>[[Archivo:Ejemplo.jpg|Imagen de ejemplo.]]</nowiki></code>
|
[[Archivo:Ejemplo.jpg|Imagen de ejemplo.]]
|-
|Enlace a la página de descripción
|
<code><nowiki>[[:Archivo:Ejemplo.jpg]]</nowiki></code><br />
<code><nowiki>[[:Archivo:Ejemplo.jpg|Imagen de ejemplo.]]</nowiki></code>
|
[[:Archivo:Ejemplo.jpg]]<br />
[[:Archivo:Ejemplo.jpg|Imagen de ejemplo.]]
|-
|Enlace directo al archivo
|
<code><nowiki>[[Media:Ejemplo.jpg]]</nowiki></code><br />
<code><nowiki>[[Media:Ejemplo.jpg|Imagen de ejemplo.]]</nowiki></code>
|
[[Media:Ejemplo.jpg]]<br />
[[Media:Ejemplo.jpg|Imagen de ejemplo.]]
|-
|Imagen enmarcada miniatura<br /> (con descripción al pie)
|
<code><nowiki>[[Archivo:Ejemplo.jpg|thumb|Imagen de ejemplo.]]</nowiki></code>
|
[[Archivo:Ejemplo.jpg|center|thumb|Imagen de ejemplo.]]
|-
|Imagen enmarcada<br /> (con descripción al pie pero<br />en tamaño original)
|
<code><nowiki>[[Archivo:Ejemplo.jpg|frame|Imagen de ejemplo.]]</nowiki></code>
|
[[Archivo:Ejemplo.jpg|frame|Imagen de ejemplo.]]
|-
|Imagen con borde<br /> (250 píxeles)
|
<code><nowiki>[[Archivo:Ejemplo.jpg|border|250px]]</nowiki></code>
|
[[Archivo:Ejemplo.jpg|border|250px]]
|-
|Imagen en miniatura, sin marco
|
<code><nowiki>[[Archivo:Ejemplo.jpg|frameless]]</nowiki></code>
|
[[Archivo:Ejemplo.jpg|frameless]]
|}

=== Cancelar el ajuste de texto alrededor de imagen ===
Para evitar que el texto rodee la imagen y así usar todo el ancho disponible, se ha de escribir antes o después del código de la imagen lo siguiente:
:<code><nowiki><div style="clear:both;"></nowiki></code>

<!------------También se pueden usar las plantillas {{ep|clear}} o {{ep|--}} (mira cómo se usan haciendo clic en sus enlaces).

=== Colocar más de una imagen en un mismo marco ===
Existe la posibilidad de insertar dos o más imágenes en un mismo marco con el uso de la plantilla {{ep|Imagen múltiple}}. Ejemplos e instrucciones de su uso pueden verse en su documentación.
--------->
=== Galerías de imágenes ===
También es posible colocar una serie de imágenes ordenadas en un artículo haciendo clic en el botón [[Archivo:Vector toolbar insert picture gallery button.png|alt=Galería de fotos|link=]]; este botón se encuentra bajo la sección "Avanzado" de la barra de edición. Alternativamente, puedes hacerlo escribiendo código wiki del siguiente modo:

<pre>
<gallery>
Archivo:Ejemplo.jpg|
Archivo:Ejemplo.jpg|Pie de foto
</gallery>
</pre>

Obteniendo:

<gallery>
Archivo:Ejemplo.jpg|
Archivo:Ejemplo.jpg|Pie de foto
</gallery>

<!--------Otra opción es usar la plantilla {{ep|Galería de imágenes}} que adapta la galería al tamaño de la ventana del navegador y permite especificar el tamaño de las imágenes.

Las galerías sólo deben ser utilizadas en ocasiones muy concretas, donde dicha galería aporte realmente un dato inestimable e insustituible para la comprensión del artículo, dado que las galerías sobrecargan un artículo y complican su mantenimiento.

=== Imágenes panorámicas ===
Las imágenes muy amplias o con relaciones de aspecto anchas no deberían insertarse directamente en los artículos, ya que causan problemas en pantallas pequeñas. Toda imagen con un ancho mayor a 550 píxeles son consideradas panorámicas, y pueden añadirse utilizando la plantilla {{ep|Panorama}}. Por ejemplo:

:<code><nowiki>{{panorama|Helsinki z00.jpg|1800px|La ciudad de [[Helsinki]] tiene muchos edificios.}}</nowiki></code>

Se verá así:

{{panorama|Helsinki z00.jpg|1800px|La ciudad de [[Helsinki]] tiene muchos edificios.}}
--------->