Ver el código de «Ayuda:Imágenes»

{{atajos|A:I}}
{{Aviso|La siguiente guía no solo sirve para las imágenes, sino también para cualquier otro tipo de material multimedia.}}
{{Otros usos|Ayuda:Cómo se edita una página#Audio y vídeo|para=saber más opciones avanzadas sobre cómo insertar recursos multimedia en los artículos}}
{{Ayuda de edición}}

El propósito de Wikipedia es crear una fuente enciclopédica de información disponible en Internet con el aporte de voluntarios comprometidos con los [[Wikipedia:Los cinco pilares|principios]] que se ha propuesto la comunidad de autores. El medio utilizado es el lenguaje escrito, que es el más preciso y más perdurable en el tiempo.

Sin embargo, las ilustraciones permiten a veces trasmitir mejor ideas que en palabras serían difíciles o a veces imposibles de explicar.

Wikipedia ofrece a los editores un almacén de imágenes, [[Wikimedia Commons]], con imágenes (y sonidos) digitalizadas, ordenados en categorías que pueden ser presentados por el editor. Estas imágenes pueden ser ubicadas en diferentes lugares del artículo, combinadas con el texto o con otras imágenes.

== Sobre la utilización de imágenes en Wikipedia ==
[[Archivo:APEC Police Helicopter, Opera House, 2 Sept 2007.JPG|miniatura|300px|derecha|Esta imagen no muestra adecuadamente qué es un [[helicóptero]] ni cómo es la [[Sydney Opera House]]. Esta sería una imagen '''inapropiada''' para esos dos temas.]]

Wikipedia es un medio para informar principalmente a través del lenguaje escrito, por su precisión y permanencia en el tiempo. Esto incluye, en casos especiales, el uso de convenciones tipográficas como la ''cursiva'' o '''negrilla''' (Ver [[Ayuda:Barra de herramientas de edición]]). En temas científicos esta previsto el uso del lenguaje adecuado como fórmulas matemáticas, químicas o del alfabeto fonético internacional.

Sin embargo, en casos justificados, cuando la complejidad del tema o la cantidad de información lo requiere, se puede incluir imágenes apropiadas (también audio) en los artículos, siempre que su inclusión no resulte excesiva.

Para ello existen una variedad de opciones que permiten incluir imágenes, mapas, fotos, diagramas, cronogramas, videos o enlazar mapas mostrados en otras páginas o abrir pop-ups con mapas. 

Para reducir el trabajo causado por el mantenimiento de los artículos, existen restricciones técnicas en cuanto a tipo de imágenes que se usan, el lugar de donde se guardan y cómo son llamadas desde el artículo. Otras restricciones han sido acordadas para unificar los colores con que se representan ciertas entidades, etc.

El propósito de una ilustración es aumentar la comprensión de la materia de un artículo, usualmente con la representación de personas, cosas, actividades, conceptos y procesos descritos en el artículo. La ilustración debe hacerlo de una manera directa y clara. [[WP:NOCENSURADA|Wikipedia no conoce censura]] e imágenes explícitas, a veces chocantes, pueden servir al propósito enciclopédico de Wikipedia, pero no deben tener como fin único el propósito de atraer curiosos a la página. Tampoco una imagen debe tener un fin puramente estético. Su función debe ser informativa.

Se debe evitar incluir en las imágenes texto que puede ser representado como tal al pie de la propia imagen.

Los artículos sobre grupos étnicos, no se deberán ilustrar con collages o galerías de fotos de los miembros del mismo.

En ningún caso se debe exagerar en la cantidad de imágenes mostradas en un artículo.

== Cómo funciona Wikipedia ==

[[Archivo:Comofuncionawp.svg|400px|derecha|miniatura|El artículo [[Isla de Pascua]], por ejemplo, reúne información desde varios centros. La prosa y el formato de las partes se guarda en la Wikipedia española, las fotos mismas en Commons, pero algunos datos del artículo (latitud, longitud, nombre del objeto, foto representativa, etc) son comunes a todas las Wikipedias y se guardan en Wikidata. Openstreetmap es un proyecto externo que ofrece sus servicios a Wikipedia.]]

A la vista de este somero cuadro sinóptico, podemos ya anunciar que una ilustración puede ser insertada en un artículo mediante:
* [[Archivo:.... cuando es llamada directamente desde el artículo
::[[File: ... e [[Image: ... fueron usados inicialmente, pero deben o deberían ser reemplazados por el nombre castellano.
* una plantilla definida en Wikipedia (infobox, Ficha de persona, ...)
* a través de alguna función en wikimedia (mapframe, Timeline, ...)

El proyecto de escribir una enciclopedia con aportes de todos ha crecido desde sus comienzos y se ha perfeccionado en muchos terrenos. Para mejor entendimiento de lo que viene, daremos una ligera explicación a ciertos conceptos ligados a la historia de Wikipedia.

En el aspecto técnico, debemos tener presente que inicialmente las imágenes usadas por cada Wikipedia eran almacenadas en el mismo lugar (espacio de nombre) en que se almacenaban los artículos de la respectiva Wikipedia. Por esa razón cuando insertamos una imagen debemos escribir <nowiki>[[Archivo:...]]. </nowiki> Este sencillo método impedía compartir imágenes entre Wikipedias en distintos lenguajes, por lo que se decidió almacenar las imágenes en un espacio común, que ahora llamamos Commons.

En el aspecto legal, se ha acordado almacenar en Commons solo imágenes con una licencia libre, lo que explicaremos en otro lugar. Para entender algunos detalles solo diremos que algunas Wikipedias como la inglesa permiten el uso de imágenes no-libres bajo la suposición de que es un [[Uso justo|uso legítimo]], que no pretende afectar los derechos del autor de la imagen. En la Wikipedia española ese tipo de imágenes no están permitidas.
{{--}}

== Flujo del texto, enmarque y formato de una imagen ==

{| class="wikitable" style="float: right;"
|-
! Imagen sin marco !! Imagen enmarcada
|- 
|
<imagemap>
Archivo:Continents vide couleurs.png|260px|derechaados 
poly   156 126   274 288   362 340   432 290   676  34   326  26   210  66   [[América del Norte]]
poly   400 318   366 334   366 388   460 632   490 630   556 400   418 306   [[América del Sur]]
poly   642  90   666 214   798 202   846 160   890 194   922 136   900  46   740  28   [[Europa]]
poly   680 218   620 300   644 358   798 550   916 472   916 322   876 316   838 230   744 210   680 214   [[África]]
poly   916  32   888 148   888 186   812 186   876 312  1030 352  1138 416  1240 414  1298  82   954  22   [[Asia]]
rect  1144 370  1407 581   [[Oceanía]]
rect   257 658  1218 752   [[Antártida]]
default [[Océano]]
desc bottom-right
</imagemap>
| {{Cuadro imagen
  |título=título
  |pie=descripción
  |contenido=
<imagemap>
Archivo:Continents vide couleurs.png|260px|derechaados 
poly   156 126   274 288   362 340   432 290   676  34   326  26   210  66   [[América del Norte]]
poly   400 318   366 334   366 388   460 632   490 630   556 400   418 306   [[América del Sur]]
poly   642  90   666 214   798 202   846 160   890 194   922 136   900  46   740  28   [[Europa]]
poly   680 218   620 300   644 358   798 550   916 472   916 322   876 316   838 230   744 210   680 214   [[África]]
poly   916  32   888 148   888 186   812 186   876 312  1030 352  1138 416  1240 414  1298  82   954  22   [[Asia]]
rect  1144 370  1407 581   [[Oceanía]]
rect   257 658  1218 752   [[Antártida]]
default [[Océano]]
desc bottom-right
</imagemap>
}}
|}
;Flujo
Si se desea dar más realce a la ilustración, se puede disponer la imagen en el centro del artículo e impedir así que el texto fluya alrededor de la imagen. Si se coloca la imagen a un costado, el texto fluye en el costado desocupado. Esto se puede impedir mediante el uso de instrucciones al browser como:

* la plantilla {{ep|clear}}
* la plantilla {{ep|--}}

Así, el próximo párrafo, sección, subsección, etc, comenzará ''después'' de la imagen.
;Enmarque
Algunas funciones entregan una imagen sin marco ni la posibilidad de un texto descriptivo. Así es requerido por algunas otras herramientas que manipulan la imagen, como por ejemplo una {{ep|Ficha de persona}} o {{ep|Ficha de entidad subnacional}} que necesitan solo la imagen, sin textos descriptivos. Si se necesita un enmarque y un título o una descripción para tales imágenes, utilícese {{ep|Cuadro imagen}}.
;Formato
Las imágenes están almacenadas en Commons en diferentes formatos (gif, jpg, svg, etc). Sin embargo, cualquiera que sea su formato y su tamaño de almacenamiento, la página recibe una imagen en formato [[PNG]] y del tamaño solicitado por el editor.

== Cómo incluir una imagen en un artículo ==

{{VT|Ayuda:Tutorial (imágenes)}}

Wikipedia tiene variadas opciones para insertar imágenes en un artículo. Se pueden crear e insertar [[Al vuelo|''al vuelo'']] gráficos, mapas, símbolos musicales o matemáticos o algebraicos, o se pueden traer desde Commons las imágenes disponibles allí. Además de eso, se pueden modificar las imágenes: rotar, sobreponer, recortar, rotular, alinear, crear montajes, etc.

No es posible mostrar aquí todas las herramientas disponibles pues día a día se crean nuevas (y se mejoran las ya existentes) por lo que tras una breve introducción deberás buscar tu mejor manera de ampliar y profundizar tus conocimientos.

=== Mostrar una imagen almacenada en Commons ===
: ''Artículo principal:[[mw:Help:Images/es|Ayuda sobre imágenes]] en MediaWiki.''

[[Archivo:Ship diagram-numbers.svg|thumb|izq|300px|Barco con descripción incompleta.]]

Esta es la tarea más común de los editores y también la más fácil. Existen numerosas opciones para dimensionar, enmarcar y describir una imagen. 

El código para insertar la imagen llamada "Ship diagram-numbers.svg" almacenada en Commons con un marco (''miniatura''), al lado izquierdo de la página (''izq'') y un ancho de 200 [[Píxel|pixeles]] (''200px'') y la descripción "''Barco con descripción incompleta.''" es :
<pre>[[Archivo:Ship diagram-numbers.svg|miniatura|izq|200px|Barco con descripción incompleta.]]</pre>
{{--}}

[[Archivo:Ship diagram-numbers.svg|sin marco|der|300px]]

Si se quiere que la imagen no tenga marco, ni un texto en la parte inferior, y que la imagen quede a la derecha: se sustituye la opción ''miniatura'' por "sin marco"; e ''izq'' por ''der''; tampoco se incluye una descripción (si se incluye no aparecerá); en cuanto al tamaño, como se puede comprobar, 300 px ''sin marco'' da una dimensión similar a la de 200px  como ''miniatura''.

Por tanto el código será el siguiente:
<pre>[[Archivo:Ship diagram-numbers.svg|der|sin marco|300px]]</pre>
{{--}}

=== Imagen panorámica ancha ===

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

{{panorama|Helsinki z00.jpg|800px|align-cap=center|border=yes|Panorama de la ciudad de [[Helsinki]].|45%|center|alt=Ejemplo del uso de panorama-}}{{clear}}

=== Imagen panorámica alta ===

Una imagen alta, de gran altura, no corta el flujo del texto. Por eso puede ser insertada sin problemas. Si por alguna razón se desea limitar el alto se puede utilizar la {{ep|Plantilla:Imagen alta}}.

=== Recortar una imagen ===

La plantilla {{ep|Recortar Imagen}} muestra un determinado encuadre o un detalle concreto de una imagen original.

{|

||[[Archivo:Dew on grass Luc Viatour.jpg|miniatura|400px|center|Vista del archivo original.]]
||
{{Recortar Imagen
|Imagen      = Dew on grass Luc Viatour.jpg
|bSize       = 800
|cWidth      = 400
|cHeight     = 290
|oTop        = 280
|oLeft       = 60
|Description = Detalle ampliado de la gota izquierda.
|Location    = center}}
|}
{{clear}}

=== Rotar una imagen ===

Si se desea rotar una imagen se puede utilizar la plantilla {{ep|plantilla:transformar-rotar}}. Esta plantilla utiliza código [[CSS]].
{| class="wikitable" style: "width:470px;"
|-
| <div style=" position:relative; top:0px; left:0px; {{Transformar-rotar|-45|display=block}}">[[Archivo:Flag of Australia.svg|100px]]</div>
|}

{{clear}}

== Cómo colocar más de una imagen en un mismo marco ==

=== Imagen múltiple ===
{{imagen múltiple|perrow = 2
| ancho_total=150
| foto1 = Las Meninas, by Diego Velázquez, from Prado in Google Earth.jpg  |ancho1=26065|alto1=30000
| foto2 = Cristo crucificado.jpg|ancho2=2046|alto2=3051
| foto3 = Velazquez-las hilanderas.jpg  |ancho3=2911|alto3=2008
| foto4 = Velázquez - Sor Jerónima de la Fuente (Museo del Prado, 1620).jpg |ancho4=2035|alto4=3051
| texto = '''Obras de [[Diego Velázquez|Velázquez]].''' ... ''.
}}
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}}. Se pueden mostrar hasta 10 imágenes dispuestas en una o varias filas. Ejemplos e instrucciones de su uso pueden verse en su documentación.
{{--}}
=== Montaje ===

{{Montaje fotográfico
  | color = #000000
  | foto1a = Panorama from Monte Igueldo (5106955283).jpg{{!}}Bahía de la Concha, isla de Santa Clara y panorámica de San Sebastián
  | foto1b = Panorama from Monte Igueldo (5106955283).jpg{{!}}Bahía de la Concha y panorámica de San Sebastián
  | foto2a = Peine del Viento (9194364604).jpg{{!}}Peine del Viento, en la playa de Ondarreta
  | foto2b = San Sebastián - Donostia. (8676131158).jpg{{!}}Ayuntamiento y Jardines de Alderdi Eder; al fondo, el Monte Urgull y el Monumento al Sagrado Corazón de Jeús
  | foto3a = San Sebastián - Catedral del Buen Pastor 02.jpg{{!}}Catedral del Buen Pastor
  | foto3b = San Sebastian - Santa Maria del Coro 06.jpg{{!}}Iglesia de Santa María del Coro
  | foto4a = Maria Kristina zubia Donostia.JPG{{!}}Puente de María Cristina, sobre el río Urumea
  | foto4b = San Sebastian - Kursaal 20.JPG{{!}}Puente de la Zurriola y Palacio de Congresos y Auditorio Kursaal
  | foto5a = Playa de la Concha, San Sebastián.jpg{{!}}Paseo y playa de la Concha
  | espaciado = 2
  | borde = 0
  | tamaño = 150
  | texto  = Sevilla
}}
Algo ligeramente diferente permite la plantilla {{ep|Montaje fotográfico}}. Esta plantilla permite agrupar hasta 5 filas y 5 columnas y definir el espacio entre las imágenes. Sin embargo las fotos deben tener ya la misma proporción (altura/anchura).
{{--}}

=== Galerías de imágenes ===
{{AP|Ayuda:Galería de imágenes}}

Para alinear y presentar varias imágenes alineadas e igualar sus dimensiones se utiliza la etiqueta {{tag|gallery}}. Sus opciones figuran en el artículo [[Ayuda:Galería de imágenes]]:

<gallery class="center" caption="Vistas en perspectiva" heights="140" widths="200">
File:Vue d'optique 001.jpg|Puerto de Gracia del Havre de París (impresa en Alemania c. 1800)
File:Vue d'optique 002.jpg|Puente de la Concordia (impresa en París)
File:Vue d'optique 003.jpg|Hospicio Real de los Inválidos (impresa en París)
File:Vue d'optique 004.jpg|Roma (impresa en París)
</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.

=== Sobreponer una imagen a otra ===

{| class="wikitable plainrowheaders floatright plegable" style="float: right; margin-right: 2em; margin-left: 1em; text-align: center; font-style:italic; font-size:70%; width:470px;"
|-
! mapa !! flecha !! Mapa con flecha
|-
| [[Archivo:Riesco I.JPG|280px]]
| [[Archivo:Pfeil links unten rot.svg|center |20px]]
| {{Sobrepuesto
| base = Riesco I.JPG
| base_width = 280px
| posición = center
| base_caption = base caption
| float = Pfeil links unten rot.svg
| float_width = 20px
| float_caption = Isla Dawson
| x = 190
| y = 100
}}
|-
| colspan="3"| El mapa a la derecha muestra la ubicación del [[Canal Magdalena (Chile)|Canal Magdalena]], apuntando a la posición (190,100) del mapa original.
|}
Cuando una imagen es parcialmente transparente o más pequeña que otra, puede ser presentada sobre otra mediante la plantilla {{ep|Sobrepuesto}}. Se utiliza, por ejemplo, para señalar en un mapa la ubicación de algún lugar en especial. Para darle un título, un pie de imagen, un marco y una posición (izq., der. o centro) en el artículo, se puede utilizar {{ep|Cuadro imagen}}.
{{--}}

== Gráficos ==

Existen varias opciones para graficar una tabla de valores en Wikipedia.

{| class="wikitable"
|+ Plantillas para representar datos
|- valign="top"
! Gráfico circular !! Bar chart !! gráfico
|- valign="top"
| width=33% |La plantilla {{ep|Gráfico circular}} permite representar las proporciones de las partes de un todo por medio de sectores de un círculo.
| width=33% |{{ep|Bar chart}} permite mostrar los datos con barras horizontales
| {{ep|gráfico}} ofrece varias formas de mostrar parejas de datos.
|- align="center" valign="top"
| {{Gráfico circular
|título    = Estructura de propiedad
|posición  = center
|etiqueta1 = Grupo A (30%)
|valor1    = 30
|color1    = #1F77B4
|etiqueta2 = Grupo B (60%)
|valor2    = 60
|color2    = #AEC7E8
|etiqueta3 = Otros (10%)
|valor3    = 10
|color3    = #FF7F0E
}} 
| {{Bar chart
| title       = Tirada
| float       = center
| bar_width   = 15
| width_units = em
| label_type  = [[Año fiscal|Año]]
| data_type   = Números vendidos
| data_max    = 100000
| label1   = 1960 | data1   = 91000
| label2   = 1961 | data2   = 91000
| label3   = 1962 | data3   = 92000
| label4   = 1963 | data4   = 77677
| label5   = 1964 | data5   = 73536
| label6   = 1965 | data6   = 73610 
| label7   = 1966 | data7   = 73400
| label8   = 1967 | data8   = 74700
| label9   = 1968 | data9   = 75300
}}
 
|
{{gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Leyenda|type=line|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|colors=#0000aa,#ff8000}}<br/>
{{gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|type=rect|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9}}

|}

=== Cronologías ===

:''Ver también [[mw:Extension:EasyTimeline]]''

El tag explicado en [[Ayuda:Cronologías]] sirve para representar sucesos, su ubicación y su duración en el tiempo.
<div align=center>
<timeline>
Define $ar     = align:center 
Define $sr     = shift: (30,-4)  align:left
Define $sl     = shift: (-30,-4) align:right  
Define $fs     = fontsize: 12
Define $end    = 31/12/2101
Define $ini    = 01/01/2001

# No usar leyendas que sean idénticas al comienzo, 
# como "Presidente" and "Presidente_no_elegido"

Colors =
     id:president   value:rgb(0.2,0.2,0.9) legend: Presidente
     id:liteline    value:gray(0.8)
     id:line        value:rgb(0.3,0.3,0.3)
     id:bg          value:white

DateFormat = dd/mm/yyyy
ImageSize  = width:800 height:120
Period     = from:$ini till:$end
TimeAxis   = orientation:horizontal
PlotArea   = left:1 bottom:20 top:2 right:0
ScaleMajor = gridcolor:line unit:year increment:10 start:$ini
ScaleMinor = gridcolor:liteline unit:year increment:1 start:$ini
Legend     = left:620 top:40

PlotData=
    width:15 align:center
    bar:0076 from:01/01/2001 till:11/03/2001 color:president text:"[[Eduardo Frei Ruiz-Tagle]]" $sr $fs
    bar:0077 from:11/03/2001 till:11/03/2006 color:president text:"[[Ricardo Lagos Escobar|Ricardo Lagos]]" $sr $fs
    bar:0078 from:11/03/2006 till:11/03/2010 color:president text:"[[Michelle Bachelet]]" $sr $fs
    bar:0079 from:11/03/2010 till:11/03/2014 color:president text:"[[Sebastián_Piñera]]" $sr $fs
    bar:0080 from:11/03/2014 till:11/03/2018 color:president text:"[[Michelle Bachelet]]" $sr $fs
    bar:0081 from:11/03/2018 till:11/03/2022 color:president text:"[[Sebastián Piñera]]" $sr $fs
</timeline>
Sucesión de presidentes de Chile en el siglo XXI.
</div>

<!-- las plantillas inglesas Line chart, Brick chart y Stacked bar no funcionan aun en es:wp -->

=== Clado: árbol de desarrollo ===

La plantilla {{ep|Clado}} se utiliza para dibujar [[Cladograma]]s, árboles de ramificación con las etiquetas de nodo y la base enlazados. Para generar un marco y un texto al pie de la imagen, el código debe ser envuelto en {{ep|Cuadro imagen}}.

{{Clado | style=font-size:100%;line-height:100%
| label1=[[Euarchontoglires]]
| 1={{Clado
  | label1=[[Glires]]
  | 1={{Clado
     | 1=[[Rodentia]] (roedores)
     | 2=[[Lagomorpha]] (conejos, liebres)}}
  | label2=[[Euarchonta]]
  | 2={{Clado
     | 1=[[Scandentia]]
     | 2={{Clado
        | 1=[[Dermoptera]] (lémurs voladores)
        | 2={{Clado
           | 1=† [[Plesiadapiformes]]
           | 2='''Primates'''}} }} }} }}
}}

== Cómo rotular una imagen ==
Cuando se desea agregar texto a una imagen, se puede hacer con las plantillas {{ep|etiqueta imagen inicio}}, {{ep|etiqueta imagen}}, {{ep|etiqueta imagen pequeña}} y {{ep|etiqueta imagen fin }}

[[Archivo:Neuron-no_labels.png|miniatura|400px|izq|Imagen sin rótulos.]]
{{Cuadro imagen
  |título=Rótulos y Cuadro imagen
  |pie='''Nota:''' Imagen con etiquetas agregadas mediante las plantillas "etiquetas".  Este texto y el marco de la ilustración son creados por {{ep|Cuadro imagen}}.
  |contenido=
{{etiqueta imagen inicio    |imagen=Neuron-no_labels.png|ancho=400|posición=right}}
  {{etiqueta imagen         |x=0.14  |y=0.025 |escala=400|texto=[[Dendrita]]}}
  {{etiqueta imagen pequeña |x=0.3525|y=0.17  |escala=400|texto=[[Soma (neurología)|Soma]]}}
  {{etiqueta imagen         |x=0.3625|y=0.435 |escala=400|texto=[[Axón]]}}
  {{etiqueta imagen         |x=0.0475|y=0.5125|escala=400|texto=[[Núcleo celular|Núcleo]]}}
  {{etiqueta imagen         |x=0.58  |y=0.115 |escala=400|texto=[[Nodo de Ranvier|Nodo de]]<br />[[Nodo de Ranvier|Ranvier]]}}
  {{etiqueta imagen         |x=0.8125|y=0.02  |escala=400|texto=[[Sinapsis|Axón Terminal]]}}
  {{etiqueta imagen pequeña |x=0.7525|y=0.4225|escala=400|texto=[[Célula de Schwann]]}}
  {{etiqueta imagen pequeña |x=0.565 |y=0.4875|escala=400|texto=[[Mielina|Vaina de mielina]]}}
{{etiqueta imagen fin}}
}}
{{--}}

== Cómo enlazar artículos de Wikipedia a zonas de una imagen ==

<imagemap>
Archivo:Continents vide couleurs.png|mini|260px|der|alt=Texto alternativo|Lleva el cursor a los diferentes continentes y en la línea de estatus del browser aparece el enlace al artículo del continente. 
poly   156 126   274 288   362 340   432 290   676  34   326  26   210  66   [[América del Norte]]
poly   400 318   366 334   366 388   460 632   490 630   556 400   418 306   [[América del Sur]]
poly   642  90   666 214   798 202   846 160   890 194   922 136   900  46   740  28   [[Europa]]
poly   680 218   620 300   644 358   798 550   916 472   916 322   876 316   838 230   744 210   680 214   [[África]]
poly   916  32   888 148   888 186   812 186   876 312  1030 352  1138 416  1240 414  1298  82   954  22   [[Asia]]
rect  1144 370  1407 581   [[Oceanía]]
rect   257 658  1218 752   [[Antártida]]
default [[Océano]]
desc bottom-right
</imagemap>
La función [[Ayuda:ImageMap|imagemap]] es ofrecida por Mediawiki para incluir wikienlaces en regiones de una imagen. El mapa de la derecha tiene en el área de cada continente (más precisamente un polígono) un enlace al artículo de Wikipedia sobre ese continente, en el resto (default) un enlace a [[Océano]].

Para asociar un área al enlace, se debe describir primero el área de como una figura geométrica, ya sea un polígono mediante una serie de pares de coordenadas (x,y), un rectángulo mediante las coordenadas (x,y) de las esquinas en la diagonal o un círculo mediante su centro y radio. Cada área a enlazar se describe en una línea, al final de la cual se agrega el wikienlace:
<pre>
<imagemap>
Archivo:Continents vide couleurs.png|mini|260px|der|alt=Texto alternativo|Lleva el cursor a los diferentes continentes y en la línea de estatus del browser aparece el enlace al artículo del continente. 
poly   400 318   366 334   366 388   460 632   490 630   556 400   418 306   [[América del Sur]]
...
rect   257 658  1218 752   [[Antártida]]
default [[Océano]]
desc bottom-right
</imagemap>
</pre>
Commons ofrece en cada página de descripción de una imagen, una herramienta llamada "ImageMapEdit" guiada por tu ratón y su tecla izquierda para determinar las coordenadas necesarias (siempre en la escala de la imagen almacenada).

Si utilizas una de las muchas herramientas que se ofrecen en la red, obtendrás un código HTML que debe ser modificado antes de insertarlo en Wikipedia.
{{clear}}

== Mapas ==

{| class="wikitable plainrowheaders floatright plegable" style="float: right; margin-right: 2em; margin-left: 1em; text-align: center; font-style:italic; font-size:70%;"
|-
| colspan="2" | Mapas de MiniWikiAtlas y OpenStreetMap en artículos con coordenadas geográficas
|-
| colspan="2" | {{Recortar imagen
|Imagen        = Screenshot WMA and OSM maps.png
|bSize         = 800
|cWidth        = 400
|cHeight       = 60
|oTop          = 0
|oLeft         = 400
|Location      = center
|Description   = 
|Link          = 
|Alt           = Texto alternativo para la imagen
|Page          = 
|magnify-link  = 
}}
|-
! {{ep|Map draw}} !! [[Wikipedia:Plantillas de esquemas de líneas]]
|- valign="top"
|{{map draw
 | text = [[Triángulo de las Bermudas]]
 | title = [[Triángulo de las Bermudas]]
 | 18.45, -66.066667; 25.775278, -80.208889; 32.333333, -64.75; 18.45, -66.066667
 | fill=#1E90FF
}}
|{{Inicio BS|Sector Línea 2 del Metro de Santiago}}
{{BS-2|utKBHFa||'''[[Vespucio Norte (estación)|Vespucio Norte]]''' {{FFCC|bus|link=Estación Intermodal|S}} }}
{{BS-2|utHST||[[Zapadores (estación)|Zapadores]]}}
{{BS-2|utHST||[[Dorsal (estación)|Dorsal]]}}
{{BS-2|utHST||[[Einstein (estación)|Einstein]]}}
{{BS-2|utHST||[[Cementerios (estación)|Cementerios]]}}
{{BS-2|utHST||[[Cerro Blanco (estación)|Cerro Blanco]]}}
{{BS-2|utHST||[[Patronato (estación)|Patronato]]}}
{{BS-2|utHST|{{FFCC|MSantiago 3|S}} [[Archivo:Santiago de Chile L7.svg|12px|link= Línea 7 del Metro de Santiago]]|[[Puente Cal y Canto (estación)|Puente Cal y Canto]]}}
{{Final BS}}
|}
Un mapa puede ser una importante fuente de conocimiento y comprensión en un artículo. 

==== GeoHack, WikiMiniAtlas y OpenStreetMap ====

Empero, recuerda que si el artículo ya tiene asociadas coordenadas geográficas, ya sea con una {{ep|Ficha}} o una plantilla {{ep|coord}} o esta enlazado a un ítem de [[Wikidata]] con coordenadas, '''automáticamente''' se agrega al artículo en la esquina superior derecha un enlace a [[:mw:GeoHack]] y dos enlaces directos a los correspondientes mapas elaborados por [[:mw:Toolserver:WikiMiniAtlas]] y [[Openstreetmap]].

==== Plantilla Map draw ====

{{ep|Map draw}} permite incluir un mapa de [[OpenStreetMap|openstreetmap]] en el artículo. El mapa es [[interactivo]], es decir puede ser ampliado, focalizado y movido.

También es posible con [[:mw:Help:Extension:Kartographer|<mapframe>]] o, en ciertas circunstancias, incluir solo un enlace con [[:mw:Help:Extension:Kartographer|<maplink>]].

==== Líneas ====

Para líneas de ferrocarril o similares se pueden utilizar:
* [[Plantilla:Leyenda de ferrocarril]] 
* [[Wikipedia:Plantillas de esquemas de líneas]]
* [[Plantilla:Leyenda de sendero]]
{{clear}}

== LaTeX ==
:''Artículo principal'': '''[[Ayuda:Uso de TeX]]'''
:''Artículo principal'': ''[[m:Help:Displaying_a_formula/es|Mostrar una fórmula]] en MediaWiki.''
{{VT|Anexo:Símbolos matemáticos}}

En el límite entre texto e imagen se encuentran el lenguaje usado por las matemáticas, álgebra o en química, para lo cual se puede utilizar el tag <code><nowiki><math></math></nowiki></code> proporcionado por Mediawiki. Dos ejemplos son:

: <math>\sum_{i=0}^n {n \choose i}a^{(n-i)} b^i=(a + b)^n</math>, el [[Teorema del binomio]]

: <math>MgSO_{4} + Ca(OH)_{2} \rightleftharpoons CaSO_{4} + Mg(OH)_{2}</math>

== Notación musical ==

También se pueden insertar fragmentos de [[notación musical]] y secuencias de audio [[MIDI]] en Wikipedia usando las etiquetas <code><nowiki><score></score></nowiki></code> mediante el software [[LilyPond]] incorporado en el código de [[MediaWiki]] ([https://www.mediawiki.org/wiki/Extension:Score/es Score Extension]).

<score>\relative c' { f d f a d f e d cis a cis e a g f e }</score>

== Archivos DjVu y PDF ==

[[Archivo:Escrits de Lluis Espinalt y Padró (1895).djvu|miniatura|Esta es la página 11.|page=11]]

Los archivos [[DjVu]] (como los de [[:commons:Category:DjVu files]]) y [[PDF]], son documentos que pueden contener imágenes. Para añadir una imagen de un archivo DjVu o PDF a cualquier proyecto de Wikimedia hay que utilizar, además de los anteriores parámetros de <code>thumb</code>, <code>right</code>, etc., el parámetro "<code>page</code>", para indicar la página del archivo donde se encuentra la imagen que se quiere ver.

Por ejemplo:

:<code><nowiki>[[Archivo:Escrits de Lluis Espinalt y Padró (1895).djvu|miniatura|Esta es la página 11|page=11]]</nowiki></code>

Dará como resultado la imagen de la derecha.

Es necesario mencionar que estos archivos pueden añadirse en [[#Galerías de imágenes|galerías]], pero entonces no se puede especificar la página y siempre se mostrará la primera de cada documento.
{{clear}}

== Véase también ==
* [[Wikipedia:Política de uso de imágenes]]
* [[:Categoría:Wikipedia:Plantillas de imágenes]]
* {{ep|Multimedia externa}}
* [[Wikiproyecto:Ilustración]]
* [[Wikipedia:Imágenes solicitadas]]
* [[Wikipedia:Imágenes requeridas por zona]]
* [[Wikiproyecto:Ilustración/Taller gráfico/Problemas típicos con SVG en Wikimedia|Problemas típicos con SVG en Wikimedia]]

== Enlaces externos ==
* [[mw:Help:Images/es|Ayuda sobre imágenes]] en MediaWiki.

[[Categoría:Wikipedia:Imágenes| ayuda]]
[[Categoría:Ayuda:Recursos|Imagenes]]