Imagenes

Incluir una imagen en un artículo

Podemos incluir imágenes dentro de nuestros artículos, edita el artículo correspondiente y crea el siguiente enlace:

[[Archivo:nombre_archivo|Texto alternativo.]]

Bootstrap

Para usar las propiedades de Bootstap

[[Archivo:nombre_archivo|class=img-responsive|Texto alternativo.]]

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

Texto alternativo

Debería contener una breve descripción de la imagen, o un epígrafe. Este texto se presenta en un texto flotante o si la imagen no se carga.

Opciones de presentación

Opciones tiene que ser uno de los valores descritos a continuació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:

[[Archivo:nombre_archivo|opciones]]

Nota: siempre separados por "|"

Opciones

Concepto	Parametro	Explicación
formato	thumb thumbnail	Genera una imagen en miniatura thumbnail, por omisión, alineada a la derecha y con el ancho prefijado por el usuario que visita la página. Tiene al pie de foto, el texto alternativo, y muestra además un icono de aumento.
	marco frame , framed	Ubica la imagen en un marco o frame con el texto alternativo al pie de la foto. Usa el tamaño original de la imagen, que no puede ser alterado.
	border borde	Añade un borde de color gris claro, y ancho mínimo alrededor de la imagen.
	frameless	Genera una miniatura con el tamaño prefijado para los thumbnail, por el usuario que visita la página. No añade borde, y no flota a la derecha.
	"en blanco"	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>–. Si tampoco se le indica ningún <tamaño>, la imagen tomará su tamaño real.
alineación	derecha , dcha right	Modifica la posición de la imagen para que flote a la derecha –el texto queda a su izquierda–.
	izquierda , izda left	Modifica la posición de la imagen para que flote a la izquierda –el texto queda a su derecha–.
	none	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–.
	centro , centrar, centrado center , centre	Igual que none, pero deja la imagen alineada en el centro.
	"en blanco"	Si se deja en blanco, la imagen tomará la posición por defecto que le indique el parámetro de <formato> marcado. Si tampoco se seleccionó ningún <formato>, la imagen fluirá en torno al texto.
tamaño	<número>px	Se debe especificar un <número> de pixeles para que la imagen tome un tamaño determinado. Quedará, por ejemplo, así: 75px
	"en blanco"	Si no se especifica, el tamaño dependerá del <formato> elegido. Si tampoco se selecciona ningún <formato>, entonces la imagen tomará su tamaño original.
texto alternativo	<texto>	Se debe especificar un <texto> que haga el servicio de la etiqueta –HTML– alt y title de las imágenes. El <texto> alternativo suministrado aparecerá al pie de la foto, si se seleccionó el formato thumbnail, o marco.
	"en blanco"	Si no se especifica un <texto> alternativo, la imagen tomará como atributo alt, el nombre del archivo –<nombre_archivo>

Ejemplos

Descripción	Código	Resultado
Enlace a la página de descripción	[[:archivo:Mar.jpg]] [[:archivo:Mar.jpg|Vista.....]]	archivo:Mar.jpg Vista.....
Enlace directo al archivo	[[:media:Mar.jpg]] [[:media:Mar.jpg|Vista.....]]	media:Mar.jpg Vista.....
Imagen insertada (con texto alternativo "flotante")	[[archivo:Mar.jpg|Vista.....]]	Vista del mar y el Horizonte
Thumbnail (centrado, 100 pixels con texto alternativo)	[[Archivo:Mar.jpg|center|thumb|100px|Vista]]	Archivo:Mar.jpg Vista del mar y el Horizonte
Frame (con texto alternativo pero en tamaño original)	[[archivo:Mar.jpg|frame|Vista......]]	Archivo:Mar.jpg Vista del mar y el Horizonte
Border (100 pixels)	[[archivo:Mar.jpg|center|border|100px]]	100px
Frameless (sin marco)	[[archivo:Mar.jpg|center|frameless]]	Archivo:Mar.jpg

Galería de Imágenes

También podemos colocar una serie de imágenes ordenadas en un articulo, se puede hacer escribiendo el siguiente código wiki:

• Mar.jpg
• Bristol.jpg

  Pie de foto

• Barco.jpg
• Casetas.jpg
• LightsAzure.JPG
• Leopard-server-wallpaper.jpg
• GrassinA.jpg

<center>
<gallery>
Archivo:mar.jpg|
Archivo:bristol.jpg|Pie de foto
Archivo:Barco.jpg|
Archivo:Casetas.jpg|
Archivo:LightsAzure.JPG|
Archivo:Leopard-server-wallpaper.jpg|
Archivo:GrassinA.jpg|
</gallery>
</center>