Esta página explica cómo mostrar imágenes y videos en las páginas de Wikipedia.
El marcado básico para agregar una imagen a una página es
[[File:Example.jpg|thumb|Caption text]]
El marcado básico para agregar un video a una página es
[[File:Example.ogg|frame|Caption text]]
El marcado de archivos comienza con el nombre del archivo, precedido por el File:prefijo. Esto muestra el archivo, pero al agregar más parámetros, la naturaleza de la visualización se puede controlar estrictamente. Se agrega código para agregar un título, definir su tamaño, ubicación en la página y dejar texto alternativo para personas con discapacidad visual. Cada código o parámetro está separado por una barra vertical ( |). Los códigos pueden estar en cualquier orden, a excepción del título, que debe estar al final. Sólo se requiere el nombre del archivo. Esto debe colocarse primero.
Si un artículo ya tiene un cuadro de información en la parte superior derecha, entonces el lugar habitual para la primera imagen del artículo es dentro del cuadro de información. Muchos cuadros de información requieren una sintaxis diferente a la que se describe aquí. Para obtener orientación sobre la otra sintaxis y cómo elegir cuál es la correcta, consulte Ayuda: Imagen del cuadro de información .
Antes de poder utilizar un archivo, se debe cargar en Wikipedia o Wikimedia Commons . Se recomienda subirlo a Commons . Los archivos en Commons pueden ser utilizados por wikipedias escritas en cualquier idioma y por cualquiera de los proyectos hermanos de Wikipedia. Los archivos que se utilizan bajo disposiciones restringidas de uso legítimo deben almacenarse en Wikipedia. El marcado es el mismo independientemente de dónde se cargue el archivo.
Se pueden cargar los siguientes tipos de archivos visuales:
Si está en Commons, hay un enlace en la barra lateral izquierda: Cargar archivo que lo lleva directamente al asistente de carga. Desde una página de Wikipedia, hay un enlace en la barra lateral izquierda; en la nueva página busque Commons Wizard (recomendado para archivos gratuitos) en la sección Commons en el cuadro azul inferior.
En la primera página, arrastra y suelta sus archivos desde su computadora. Subirá 50 a la vez. En la segunda página usted confirma los derechos de autor a utilizar. En la tercera página, cambia el nombre de cada imagen, la fecha, la categoriza y la describe . Los detalles se pueden copiar selectivamente a todas las imágenes. Al presionar continuar, cada una de las imágenes queda disponible públicamente.
Hay cuatro modos de visualización:
Un archivo en modo básico no especifica un modo de visualización. Los archivos se muestran en tamaño completo de forma predeterminada. Las imágenes se muestran en línea a menos que se especifique una alineación horizontal.
Un archivo en modo miniatura utiliza los códigos thumbo thumbnail. Esto mostrará una miniatura con un título. El tamaño predeterminado es 220 píxeles de ancho, a menos que el archivo de tamaño completo sea más pequeño. Los usuarios registrados pueden especificar su propio tamaño predeterminado si lo desean.
En circunstancias normales, el servidor de Wikipedia reduce automáticamente la escala de las imágenes. Esto no sucede con los GIF animados. En su lugar, se descarga el GIF animado original, y si la imagen se escala para ajustarse al espacio asignado depende de las capacidades del navegador. Los vídeos tampoco se reducen, lo que desperdicia ancho de banda. Utilice el modo enmarcado o cargue un archivo de menor resolución.
Un archivo en modo enmarcado utiliza los códigos frameo framed. Esto mostrará el archivo en tamaño completo con un título. Debido a que los archivos no están reducidos, el modo enmarcado no es apropiado para imágenes grandes, pero es una buena opción para videos, siempre que el video no sea demasiado grande.
Un archivo en modo sin marco utiliza el código frameless. Esto mostrará una miniatura sin título. El tamaño predeterminado es 220 píxeles de ancho, a menos que el archivo de tamaño completo sea más pequeño. A diferencia del modo de miniaturas, las imágenes se muestran en línea a menos que se especifique una alineación horizontal.
El texto ingresado al final del marcado se utiliza como título. No requiere un código. También se pueden utilizar enlaces y opciones de formato de texto normal en los subtítulos.
[[File:Example.png|thumb|alt=Example alt text|Example caption]]
Coloque el archivo a la derecha.
[[File:Example.png|right|alt=Example alt text]]
Coloque la lima a la izquierda.
[[File:Example.png|left|alt=Example alt text]]
Coloque la lima en el centro. El texto no fluirá alrededor del archivo.
[[File:Example.png|center|alt=Example alt text]]
Coloque la lima a la izquierda. El texto no fluirá alrededor del archivo.
[[File:Example.png|none|alt=Example alt text]]
Los archivos mantendrán su relación de aspecto original.
En circunstancias normales, el servidor de Wikipedia reduce automáticamente la escala de las imágenes. Esto no sucede con los GIF animados. En su lugar, se descarga el GIF animado original, y si la imagen se escala para ajustarse al espacio asignado depende de las capacidades del navegador. Los vídeos tampoco se reducen, lo que desperdicia ancho de banda. Considere cargar un archivo de menor resolución.
Reduzca el ancho para archivos altos y delgados. Generalmente, esto es mejor que especificar un ancho, ya que respeta las preferencias del usuario.
[[File:Example.png|thumb|upright|alt=Example alt text|Example caption]]
Ajuste el tamaño de una miniatura para multiplicar por el tamaño de miniatura predeterminado, redondeando el resultado al múltiplo de 10 más cercano. Por ejemplo, " upright=1.5" hace que la imagen sea más grande, lo cual es útil para mapas o esquemas que necesitan ser más grandes para ser legibles. Como guía, " upright=1" tiene el mismo ancho que una miniatura estándar y " upright=0.75" es lo mismo que usar " upright" solo.
[[File:Example.png|thumb|upright=Factor|alt=Example alt text|Example caption]]
Escale el archivo para que tenga el número especificado de píxeles de ancho (p. ej 100px.).
[[File:Example.png|Widthpx|alt=Example alt text]]
Escale el archivo para que tenga el número especificado de píxeles de altura (p. ej x150px.).
[[File:Example.png|xHeightpx|alt=Example alt text]]
Escale el archivo para que no sea más ancho ni más alto que el número de píxeles especificado (p. ej 100x150px.).
[[File:Example.png|WidthxHeightpx|alt=Example alt text]]
Especifique el texto alternativo de la imagen. Está destinado a lectores con discapacidad visual. Consulte WP:ALT para saber cómo esto normalmente debería diferir del título.
[[File:Example.png|alt=Example alt text]]
Normalmente, un archivo incluirá un hipervínculo a su página de descripción , una página con información sobre el archivo en sí. Las siguientes opciones permiten que el enlace apunte a una página diferente o que esté deshabilitado. Para imágenes, el enlace es la imagen misma. Los videos incluyen un ícono de información debajo del video.
A menos que el archivo sea de dominio público, la atribución debe proporcionarse de alguna otra manera. Consulte Wikipedia: imágenes que enlazan a artículos para obtener más información.
La imagen actúa como un enlace de hipertexto a la página especificada. No incluya el nombre de la página entre corchetes. Si la página es una URL, la imagen actúa como un enlace externo; de lo contrario, enlaza con la página de Wikipedia nombrada. Los mapas de imágenes ofrecen más posibilidades.
[[File:Example.png|link=Name of page|alt=Example alt text]]
No se crea ningún hipervínculo. Hacer clic en una imagen o archivo de contenido mixto no tendrá ninguna acción. El enlace a "Acerca de este archivo" se elimina al reproducir un vídeo.
[[File:Example.png|link=|alt=Example alt text]]
Agregue un borde de un píxel alrededor del archivo. Esto puede resultar útil cuando es importante distinguir un archivo del fondo. Considere usar thumbo frameen su lugar.
[[File:Flag of Japan.svg|border|alt=Example alt text]]
Una imagen sin alineación horizontal especificada se mostrará en línea con el texto.
Las imágenes deben colocarse en línea. Archivo: Bandera de Hungría vertical.svg se utiliza como ejemplo.
Alinee la parte inferior de la imagen con la línea base del texto.
[[File:Flag of Hungary vertical.svg|baseline|20px|link=|alt=]]
(Este es el valor predeterminado). Alinee el centro vertical de la imagen con la línea base del texto más la mitad de la altura x del texto, de modo que la imagen quede centrada verticalmente alrededor de una "x" minúscula en el texto.
[[File:Flag of Hungary vertical.svg|middle|20px|link=|alt=]]
Alinee la parte inferior de la imagen al mismo nivel que estaría la parte inferior de un subíndice, como la parte inferior del "2" en "X 2 ".
[[File:Flag of Hungary vertical.svg|sub|20px|link=|alt=]]
Alinee la parte inferior de la imagen al mismo nivel que estaría la parte inferior de un superíndice, como la parte inferior del "2" en "X 2 ".
[[File:Flag of Hungary vertical.svg|super|20px|link=|alt=]]
Alinee la parte superior de la imagen con la parte superior del texto. Suele ser un poco más alto que la parte superior de una letra mayúscula, debido a los ascendentes en letras como la "h" minúscula.
[[File:Flag of Hungary vertical.svg|text-top|20px|link=|alt=]]
Alinee la parte inferior de la imagen con la parte inferior del texto. Esto es algo más bajo que la línea base, debido a los descendentes en letras como la "y" minúscula.
[[File:Flag of Hungary vertical.svg|text-bottom|20px|link=|alt=]]
Alinee la parte superior de la imagen con la parte superior de la línea que contiene el texto. Normalmente, esto es ligeramente más alto que la parte superior del texto, para dejar espacio entre las líneas de texto.
[[File:Flag of Hungary vertical.svg|top|20px|link=|alt=]]
Alinee la parte inferior de la imagen con la parte inferior de la línea que contiene el texto. Normalmente es ligeramente más bajo que la parte inferior del texto.
[[File:Flag of Hungary vertical.svg|bottom|20px|link=|alt=]]
Utilice el fotograma del vídeo en el momento dado como imagen fija inicial. Sin un parámetro de tiempo de pulgar, se utiliza un fotograma desde el punto medio del vídeo. El tiempo toma la forma de horas, minutos y segundos separados por dos puntos. Por ejemplo:
thumbtime=21– Sintaxis de tiempo usando solo segundosthumbtime=0:23– Sintaxis de tiempo usando minutos y segundos.thumbtime=0:0:33– Sintaxis de tiempo usando horas, minutos y segundos.[[File:Big Buck Bunny small.ogv|thumbtime=Time|alt=Example alt text]]
Las imágenes se pueden extraer de archivos DjVu o Pdf , con un parámetro de página opcional .
[[File:Abroad - 1882.djvu|page=number|alt=Example alt text]]
Puede vincular una imagen desde el pequeño ícono de doble rectángulo de una miniatura 
, pero mostrar otra imagen usando " ". Esto está pensado para los raros casos en los que el software de Wikipedia que reduce imágenes a miniaturas hace un mal trabajo y usted desea proporcionar su propia miniatura. En el ejemplo, el doble rectángulo enlaza con File:Anime stub 2.svg pero la imagen mostrada es File:Anime stub.png .|thumb=Displayed image name
[[File:Anime stub 2.svg|thumb=Anime stub.png|alt=Example alt text|Example caption]]
En lugar de utilizar el marcado de archivo anterior, se ha creado un marcado para usos especializados que se puede utilizar en su lugar.
No se deben colocar imágenes muy grandes directamente en los artículos, ya que causan problemas en algunos entornos de navegador. Las imágenes con un ancho superior a 550 px suelen tratarse mejor como una panorámica, que se puede crear con la plantilla {{ Imagen ancha }} . Por ejemplo:
{{wide image|Helsinki z00.jpg|1800px|alt=Panorama of city with mixture of five- to ten-story buildings|[[Helsinki]] has many buildings.}}Es común tener dos imágenes que lógicamente conviene agrupar. La plantilla {{ multiple image }} es una forma de hacer esto. Por ejemplo:
{{ imagen múltiple | ancho = 100 | pie de página = Dos tarjetas utilizadas por los árbitros de fútbol | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión }}La misma plantilla también puede alinear imágenes verticalmente:
{{ imagen múltiple | dirección = vertical | ancho = 100 | pie de página = Dos tarjetas utilizadas por los árbitros de fútbol | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión }}Puede vincular diferentes partes de una imagen a diferentes ubicaciones utilizando un mapa de imágenes. Por ejemplo, en la imagen de la derecha, hacer clic en un círculo que corresponde aproximadamente al retrato de la izquierda lleva al lector a William Jennings Bryan , hacer clic en el retrato de la derecha va a Arthur Sewall y hacer clic en cualquier otro lugar va a http://projects.vassar.edu/1896/democrats.html. Esta imagen es generada por el siguiente marcado:
<mapa de imágenes>File:Bryan-Sewall.jpg|300px|right|alt=1896 Póster de la campaña demócrata con los nominados William J. Bryan de Nebraska para presidente y Arthur Sewall de Maine para vicepresidentecírculo 950 850 700 [[ William Jennings Bryan | William J. Bryan ]]círculo 2950 850 700 [[ Arthur Sewall ]]predeterminado [ http://projects.vassar.edu/1896/democrats.html 1896 Demócratas] </imagemap>Este marcado de mapa de imágenes especifica que el texto del título (información sobre herramientas) para las tres regiones es "William J. Bryan", "Arthur Sewall" y "1896 Democrats", respectivamente. El texto alternativo de una región de mapa de imágenes es siempre el mismo que el texto del título; El texto alternativo de la imagen general se proporciona en la primera línea del marcado del mapa de imagen. Las dimensiones nativas de la imagen subyacente son 3916 × 1980 y las coordenadas se dan en estas dimensiones en lugar de en el cambio de tamaño de 300 píxeles. Como se describe en la documentación del mapa de imágenes, las regiones se pueden especificar como círculos, rectángulos y polígonos arbitrarios, y el icono azul "i" 
se puede mover o suprimir. Además, la imagen se puede especificar como " thumb" o " frame", lo que significa que tiene texto alternativo y un título de la forma habitual, con un ícono de doble rectángulo en lugar del ícono azul "i" .
Se pueden producir galerías de múltiples archivos. Por lo general, se colocan hacia el final del artículo.
No existe una forma estándar de producir una galería. Las opciones disponibles son:
Para vincular a una página de descripción sin mostrar el archivo, coloque dos puntos antes del prefijo.
[[:File:Example.png]]También puede vincular directamente al archivo usando " Media:" en lugar de " File:".
[[Media:Example.png]]En ambos casos también funcionan los enlaces canalizados .