Esta guía de edición documenta la sintaxis utilizada para insertar imágenes y otros archivos multimedia en las páginas de Wikipedia. Se utiliza la misma sintaxis independientemente de si un archivo es de Wikipedia o Wikimedia Commons . Se anima a los nuevos editores a ver también el tutorial de imágenes y la guía sencilla para principiantes .
Sintaxis breve
En resumen, la sintaxis para mostrar una imagen es:[[File:Name|Type|Border|Location|Alignment|Size|link=Link|alt=Alt|page=Page|lang=Langtag|Caption]]
Plain type
significa que siempre escribe exactamente lo que ve.Bolded italics
significa una variable.
Sólo Nombre es requerido. La mayoría de las imágenes deben usar " " y no deben especificar un tamaño. Los demás detalles son opcionales y se pueden colocar en cualquier pedido.[[File:Name|thumb|alt=Alt|Caption]]
- Escribe
- "
thumb
" (o "thumbnail
"; puede ir seguido de " "), " " (o " ") o " ". Muestra la imagen con un formato específico (ver más abajo).=filename
frame
framed
frameless
- Frontera
- "
border
". Pon un pequeño borde alrededor de la imagen. - Localización
- "
right
", "left
", "center
" o "none
". Determine la ubicación horizontal de la imagen en la página. Este valor predeterminado es "right
" para miniaturas e imágenes enmarcadas. - Alineación
- "
baseline
", "middle
", "sub
", "super
", "text-top
", "text-bottom
", "top
" o "bottom
". Alinee verticalmente la imagen con respecto al texto adyacente. Este valor predeterminado es "middle
". - Tamaño
- "
upright
" o " ". Escale una miniatura desde su tamaño predeterminado por el factor dado (predeterminado 0,75), redondeando el resultado al múltiplo de 10 píxeles más cercano. La opción " " debe utilizarse junto con el parámetro " " o " ". Alternativamente, y solo cuando sea absolutamente necesario, se pueden ignorar las preferencias de los usuarios y se puede fijar el tamaño de la imagen especificando un tamaño en píxeles: " Ancho " o " Alto " o " Ancho Alto ". Escale la imagen para que no sea mayor que el ancho o alto dados, manteniendo su relación de aspecto. La ampliación (es decir, estirar la imagen a un tamaño mayor) se desactiva cuando la imagen está enmarcada.upright=factor
upright
thumb
frameless
px
x
px
x
px
- Enlace
- Vincula la imagen a un recurso diferente o a nada.
- Alt
- Especifique el texto alternativo de la imagen. Está destinado a lectores con discapacidad visual. Consulte WP: ALT para ver cómo esto debería diferir normalmente del título.
- Página
- Especifique una página distinta de 1 para utilizarla para la imagen en miniatura en archivos de varias páginas.
- Langtag
- Especifique la etiqueta de idioma IETF para
switch
archivos SVG traducidos . Algunos archivos SVG son multilingües; este parámetro especifica qué idioma usar. La etiqueta de idioma debe estar en minúsculas (por ejemplo, enzh-hans
lugar dezh-Hans
). Por defecto, el idioma de Wikipedia actual en el espacio de nombres del artículo oen
en otros espacios de nombres. Ver .{{Translate}}
- Subtítulo
- Especifique el título de la imagen. Esto es visible si se usa el atributo "pulgar", pero puede mostrarse al pasar el mouse por encima en otros casos.
Sintaxis detallada
La sintaxis de la imagen comienza con " [[
", contiene componentes separados por " |
" y termina con " ]]
". La " [[
" y la primera " |
" (o, si no hay " |
", la terminación " ]]
") deben estar en la misma línea; otros espacios y saltos de línea se ignoran si están al lado de |
caracteres " " o simplemente dentro de los corchetes. Los espacios o saltos de línea no están permitidos justo antes de " =
" en las siguientes opciones y pueden tener efectos secundarios no deseados si aparecen justo después de " =
". No termine con el código |]]
; esto se tomará como un título vacío y anulará cualquier título real.
Escribe
Se puede especificar una de estas opciones para controlar si la imagen se escala y / o se le da un borde o no. Para las opciones que escalan automáticamente la imagen, suele ser 220px; los usuarios registrados pueden modificar esto (en "Tamaño de miniatura" en Preferencias → Apariencia → Archivos ). Esto es importante para usuarios con (por ejemplo) visión limitada. Si es demasiado grande o pequeño, se puede utilizar el atributo vertical . Especificar un tamaño fijo en píxeles anula todo esto, pero no es amigable para los usuarios que necesitan una imagen más grande.
thumb
(othumbnail
)- Escale automáticamente la imagen y coloque un cuadro alrededor de ella. Muestre un título si se especifica. Haga flotar la imagen a la derecha a menos que se anule con el atributo de ubicación . Con un operando, por ejemplo, "
thumb=Example.png
", el operando nombra una imagen que se usa como miniatura, ignorando cualquier especificación de tamaño. frame
- Conserve el tamaño de la imagen original y coloque un cuadro alrededor de la imagen. Muestre cualquier título debajo de la imagen. Haga flotar la imagen a la derecha a menos que se anule con el atributo de ubicación.
frameless
- Escala automáticamente la imagen hacia arriba o hacia abajo. Colóquelo en línea con el texto a menos que se anule con el atributo de ubicación.
- Nada especificado
- Conserve el tamaño de la imagen original y no agregue un borde alrededor de la imagen. No muestre una leyenda. Si no se solicita específicamente ningún texto alternativo, utilice el título solicitado como texto alternativo. Esta opción se usa casi exclusivamente en plantillas.
Frontera
border
- Genere un borde de un píxel alrededor de la imagen. Esto tiene un efecto solo alrededor de imágenes sin marco (aquellas sin
|thumb
y|frame
), ya que las imágenes enmarcadas siempre tienen bordes.
Localización
Se puede especificar una de estas opciones para controlar la posición de la imagen. Para ver ejemplos de cómo funciona todo esto, consulte Ejemplos de parámetros de ubicación .
right
- Coloque la imagen en el lado derecho de la página. El texto del artículo que sigue a la imagen fluye alrededor de la imagen. Este es el valor predeterminado cuando se usa
thumb
oframe
. left
- Coloque la imagen en el lado izquierdo de la página. El texto del artículo que sigue a la imagen fluye alrededor de la imagen, pero puede haber problemas de formato con listas y texto sangrado (ver § Interacción entre imágenes flotantes a la izquierda y listas ).
center
- Coloque la imagen en el centro de la página. El texto del artículo que sigue a la imagen se coloca debajo de la imagen.
none
- Coloque la imagen en el lado izquierdo de la página. El texto del artículo que sigue a la imagen se coloca debajo de la imagen.
- Nada especificado, y ni
thumb
niframe
- La imagen se coloca en línea con el texto, así.
Alineamiento vertical
Una de estas opciones puede especificarse opcionalmente para controlar la alineación vertical de la imagen con respecto al texto adyacente.
Estas opciones de alineación vertical se aplican solo a imágenes simples, que no causan roturas y no flotan (es decir, no funcionan con imágenes que necesitan que el texto fluya alrededor de ellas. Para hacer que el texto fluya alrededor de una imagen, coloque la imagen antes del texto y use el thumb
parámetro).
En la siguiente lista, la explicación de cada opción está precedida por el aspecto de Archivo: Bandera de Hungría vertical.svg cuando se alinea usando la opción listada, usando el marcado
de [[File:Flag of Hungary vertical.svg|option|frameless|upright=0.1|link=|alt=]]
middle
:
(Este es el valor predeterminado). Alinee el centro vertical de la imagen con la línea de base del texto más la mitad de la altura x del texto, de modo que la imagen esté centrada verticalmente alrededor de una "x" minúscula en el texto.
baseline
:
Alinea la parte inferior de la imagen con la línea de base del texto.
sub
:
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 ".
super
:
Alinee la parte inferior de la imagen al mismo nivel que la parte inferior de un superíndice, como la parte inferior del "2" en "X 2 ".
text-top
:
Alinea 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.
text-bottom
:
Alinea la parte inferior de la imagen con la parte inferior del texto. Esto es algo más bajo que la línea de base, debido a los descendientes en letras como la "y" minúscula.
top
:
Alinea la parte superior de la imagen con la parte superior de la línea que contiene el texto. Normalmente, es un poco más alto que la parte superior del texto, para dejar espacio entre las líneas de texto.
bottom
:
Alinea la parte inferior de la imagen con la parte inferior de la línea que contiene el texto. Normalmente, es un poco más bajo que la parte inferior del texto.
Tamaño
Se puede especificar alguna o ninguna de estas opciones para controlar el tamaño de la imagen. En el caso de imágenes con subtítulos, si la imagen ya es más pequeña que el tamaño solicitado, entonces la imagen conserva su tamaño original (no se amplía). En el caso de imágenes sin subtítulos, la imagen se ampliará o reducirá para que coincida con el tamaño solicitado. El tamaño está deshabilitado cuando se usa el tipo 'marco' .
El ancho de la miniatura predeterminado se puede establecer en las preferencias, por lo que no se recomienda especificar en px para respetar las preferencias de los usuarios, que pueden ser importantes para la accesibilidad. Por supuesto, se pueden hacer excepciones, pero intente utilizar upright
o el predeterminado si es posible.
Detalles de implementacion |
---|
Specifying a size does not just change the apparent image size using HTML; it actually generates a resized version of the image on the fly and links to it appropriately. This happens whether or not you specify the size in conjunction with "thumb". This means the server does all the work of changing the image size, not the web browser of the user. Having the server do all the work means faster downloading of pages. It also means that larger images can be stored on the server without any slowdown by the browser (especially on dial up telephone lines). Only the data for the actual size on the page is transmitted. An exception is animated GIF images. Animated GIF images are not processed by the server. When a smaller size is specified the original full sized animated GIF image is served. Whether the animated GIF image is subsequently scaled to fit the allotted space belongs to the capabilities of the receiving browser. Resizing an animated GIF image will significantly reduce its quality, without any reduction of download time. When there are two or more "size" options of the same type, only the last one is valid. However, if both an upright and an absolute size are used together, the absolute size always takes precedence, regardless of where it appears in the options. |
- (nada especificado)
- Para las miniaturas, utilice el tamaño especificado en las preferencias para los usuarios que han iniciado sesión y utilice un tamaño determinado por la resolución para los usuarios que no hayan iniciado sesión. Para las que no son miniaturas, utilice el tamaño nativo de la imagen.
upright
oupright=
factor- Ajuste el tamaño de una miniatura para factorizar el tamaño predeterminado de la miniatura, redondeando el resultado al múltiplo más cercano de 10. 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. El parámetro "upright=1
" devuelve el mismo tamaño que el ancho de la miniatura y "upright=0.75
" es funcionalmente idéntico a "upright
" solo. Si establece el Factor igual a la relación de aspecto de la imagen (ancho dividido por alto), el resultado es equivalente a escalar la altura para que sea igual al ancho normal de la miniatura. - La
upright
opción solo funciona con el parámetrothumb
oframeless
(ver Tipo ). - Ancho
px
- ( Por ejemplo
100px
) Escale la imagen para que tenga el número especificado de píxeles de ancho y escale la altura para mantener la relación de aspecto original. x
Alturapx
- ( Por ejemplo ,
x150px
) Escale la imagen para que tenga el número especificado de píxeles de altura y escale el ancho para mantener la relación de aspecto original. - Ancho
x
Altopx
- ( Por ejemplo
100x150px
) Escale la imagen para que no sea más ancha ni más alta que el número especificado de píxeles. La imagen mantendrá su relación de aspecto original.
Enlace
|link=Page
- Normalmente, hacer clic en una imagen lleva al lector a la página de descripción de la imagen . La opción de enlace permite que el lector sea llevado a una página diferente, como una imagen más completa de la que se recortó la miniatura, o un documento completo en el que la miniatura era una sola página (o el recorte de una sola página). No incluya el nombre de la página entre corchetes. Si la página es una URL, el lector saldrá del proyecto; esto no se hace normalmente en el espacio de artículos.
|link=
(solo)- Desactiva el enlace para que hacer clic en la imagen no haga nada.
|link=
afecta solo lo que sucede cuando se hace clic en la imagen ; |thumb
las imágenes llevan un pequeño icono de rectángulo-rectángulo en el área de título, y al hacer clic en él, siempre se accede a la página de descripción de la imagen. A excepción de las imágenes de dominio público, siempre debe ser posible que el lector acceda a la página de descripción de la imagen, por lo que |link=
debe usarse solo con |thumb
imágenes.
|link=
no se puede utilizar con |frame
.
Para deshabilitar todos los enlaces y descripciones de una imagen puramente decorativa , de modo que los lectores de pantalla la ignoren, utilice " |link=
|alt=
" sin argumentos para ninguno de los parámetros.
Se pueden especificar cero o más de estas opciones para controlar el texto alternativo , el título del enlace y el título de la imagen. Los subtítulos pueden contener marcado wiki incrustado, como enlaces o formato. Consulte Wikipedia: Subtítulos para una discusión sobre el texto apropiado de los subtítulos. Consulte Wikipedia: texto alternativo para imágenes para la discusión del texto alternativo apropiado. Internet Explorer muestra el título del enlace como información sobre herramientas, pero es posible que otros navegadores no lo hagan.
Sugerencia: para forzar que se escriba el título (debajo de la imagen) y no solo aparezca como "texto flotante" incluso cuando desee cambiar el tamaño de la imagen, especifique " thumb
". Si especifica " frame
", el título aparece pero 125px
se ignora cualquier cambio de tamaño (como " ").
alt=
Alt- Utilice Alt como texto alternativo para la imagen.
- Subtítulo
- (la última opción que no se reconoce como alguna otra parte de la sintaxis de la imagen): La forma en que se usa este texto depende del tipo de imagen. Cuando el tipo tiene un título visible ("
thumbnail
", "thumb
", "frame
" o "framed
"), este texto aparece como un título debajo de la imagen. De lo contrario, (si el tipo de imagen no está especificado o es "frameless
"), este texto se utiliza para el título del enlace siempre que el enlace no se haya suprimido con "|link=
", y también para el texto alternativo siempre que no se haya proporcionado unaalt=
Alt explícita .
El texto alternativo real para la imagen mostrada será uno de los siguientes, en orden de preferencia:
- La Alt solicitada explícitamente , si la hubiera;
- El pedido explícitamente Leyenda , si el tipo de imagen tiene el subtítulo no es visible;
- La cadena vacía, si hay un pedido explícitamente Leyenda y el tipo de imagen tiene una leyenda visible.
- El nombre del archivo de imagen si no se solicitó explícitamente Alt o Título . Esta nunca es una opción satisfactoria.
Es posible especificar el texto del título del enlace solo para imágenes sin subtítulos visibles (como se describe arriba). Sin embargo, como no todos los navegadores muestran este texto y los lectores de pantalla lo ignoran, no tiene mucho sentido.
Nota: alt
solo es compatible con imágenes. Los archivos de audio y video deben usar texto cronometrado .
Clase
class=
- Se utiliza para insertar cualquier clase HTML para la imagen. Esto tiene efecto solo para algunas clases específicas enumeradas en Wikipedia: Catálogo de clases CSS , o algunas clases producidas por TemplateStyles .
Página
Normalmente, la página 1 de un archivo PDF o DjVu se utiliza para generar la miniatura. Una página diferente se puede utilizar con el parámetro |page=
: [[File:IMSLP01578-Ravel - Bolero Full Score Durand 1929 .pdf|thumb|page=2|''Boléro'': page 2 from the score]]
:
Ejemplos de
Usando la sintaxis básica
El ejemplo más básico usa la sintaxis [[File:Westminstpalace.jpg|Alt text]]
. Esto no escala la imagen ni permite que el texto la rodee. Normalmente, esto no es apropiado en un artículo.
Esto se representa en línea y el texto especificado se utiliza como atributo alt de la imagen (texto alternativo para programas que no pueden mostrar imágenes, como lectores de pantalla ) y como atributo de título (texto complementario, que a menudo se muestra como información sobre herramientas cuando se pasa el mouse). la imagen). Consulte Wikipedia: Subtítulos para una discusión sobre el texto apropiado de los subtítulos. Consulte Wikipedia: texto alternativo para imágenes para la discusión del texto alternativo apropiado.
Arriba, la imagen del Támesis se puso en su propio párrafo. Esto no es obligatorio; las imágenes pueden colocarse en línea en el texto, como se muestra a continuación.
texto texto texto texto texto texto [[Archivo: Westminstpalace.jpg | 150px | alt = Una gran torre de reloj y otros edificios bordean un gran río. | El Palacio de Westminster]] texto texto texto texto texto [[File: tst.png | 100px | alt = Tiny globe | Este es un globo.]] texto texto texto texto
da
texto texto texto texto texto texto texto texto texto texto texto texto texto texto
Para mostrar una imagen cargada con un título, utilice [[File:Westminstpalace.jpg|frame|none|alt=Alt text|Caption text]]
.
Alinear miniaturas para que se ajusten al texto
Este es el estilo más familiar para los lectores. Como se muestra en la imagen de ejemplo, la imagen está enmarcada, tiene un tamaño apropiado y tiene texto capaz de envolverla. Un pie de foto está integrado correctamente.
La parte importante de esto es el thumb
parámetro: (como se muestra a la izquierda). Para obtener detalles de estas opciones, consulte las secciones anteriores.[[File:Westminstpalace.jpg|thumb|upright=0.4|left|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]
A continuación se muestran ejemplos del parámetro de ubicación:
La imagen está alineada a la derecha y el texto flota a la izquierda de la imagen: (se muestra a la derecha).
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|right|upright=0.35]]
La imagen está alineada a la izquierda y el texto flota a la derecha de la imagen: (se muestra a la izquierda).
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|left|upright=0.35]]
La imagen está centrada y ...el texto que sigue a la imagen comienza debajo de ella: (mostrado arriba).
[[File:Westminstpalace.jpg|thumb|alt=A large clock tower and other buildings line a great river.|center|upright=0.35]]
El problema de los muchos objetos flotantes
Existe un problema flotante en HTML / CSS que evita que ciertas imágenes (u otros objetos flotantes) floten sobre otras. Ocurre solo si:
- hay varios objetos flotantes en un lado de la página
- el objeto flotante en el otro lado de la página viene después de los otros en el código fuente
El primer objeto flotante en el último lado de la página no flotará sobre el último objeto flotante en el primero (vea los ejemplos a continuación). Las soluciones incluyen alternar entre la izquierda y la derecha para alinear imágenes u otros objetos flotantes (no se muestran); establecer en "ninguno" la alineación del que no flotará por encima de los demás (como se demuestra "en vivo" en la tabla de población aquí ); y el uso de una etiqueta de galería para un gran número de imágenes en una sola sección. Según MOS: ACCESS # FLOAT , las imágenes deben insertarse para que su marcado esté en la sección correcta, incluso si eso puede hacer que floten en la siguiente sección.
Código problemático:
== Sección 1 == [[Archivo: Westminstpalace.jpg | thumb | 70px | right | Figura 1.1 ('' 'right' '')]] [[File: Westminstpalace.jpg | thumb | 70px | right | Figura 1.2 ( '' 'derecha' '')]] [[Archivo: Westminstpalace.jpg | thumb | 70px | right | Figura 1.3 ('' 'right' '')]] [[File: Westminstpalace.jpg | thumb | 70px | right | Figura 1.4 ('' 'derecha' '')]]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.== Sección 2 == [[Archivo: Westminstpalace.jpg | thumb | 70px | left | Figura 2.1 ('' 'left' '')]]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Para obtener más información sobre la etiqueta de la galería, consulte Ayuda: Etiqueta de la galería .
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Usando "vertical"
La upright
opción funciona en combinación con la opción thumbnail
o thumb
para cambiar el tamaño de una imagen a aproximadamente el 75% del ancho de un plano thumbnail
. Esto es útil para mostrar imágenes en orientación "retrato" , ya que estas imágenes altas y estrechas tienden a parecer demasiado grandes cuando se escalan al mismo ancho que las imágenes orientadas "paisaje". La upright
opción se amplía o se reduce de acuerdo con la resolución de la pantalla del usuario. El tamaño relativo se puede determinar con un multiplicador como . Si x = 1, la imagen tiene un ancho de miniatura estándar. Por ejemplo , (se muestra a la izquierda) y (se muestra a la derecha).upright=x
[[File:Westminstpalace.jpg|thumbnail|upright|left|alt=A large clock tower and other buildings line a great river.|The "<code>upright</code>" option is about 75% of thumbnail width.]]
[[File:Westminstpalace.jpg|thumb|upright=1.5|right|alt=A large clock tower and other buildings line a great river.|The "<code>upright=1.5</code>" option]]
Usando marco
Con esta opción, la imagen incrustada se muestra con su tamaño real encerrada por un marco, independientemente del atributo "pulgar" o "tamaño", y el título, si lo hay, es visible en el marco. Sin las opciones left
, center
y none
, la imagen es normalmente a la derecha: [[File:Westminstpalace.jpg|frame|thumbnail|50px|alt=A large clock tower and other buildings line a great river.|The Palace of Westminster]]
. (Observe cómo la imagen no cambia de tamaño a 50 px porque se está usando "marco").
Sin ninguna de las opciones que no sean sizepx
y alternate (caption) text
, una imagen incrustada se renderiza en línea.
Usar miniaturas de alineación "ninguna" en tablas
La opción none
se puede utilizar para tener miniaturas sin alineación a la izquierda o a la derecha. Probablemente sea más útil para las tablas . Esto es un ejemplo:
Palacio de Westminster | [[File:Westminstpalace.jpg|thumb|none|100px|alt=A large clock tower and other buildings line a great river.|From the Thames]] | |
El Palacio de Buckingham | [[File:Buckingham Palace 2003.jpg|thumb|none|100px|alt=Grand city building below beautiful blue sky and clouds|Queen's home]] |
Puede poner enlaces en el texto de la leyenda, como se muestra en esta imagen:
[[File:Westminstpalace.jpg|right|thumbnail|alt=A large clock tower and other buildings line a great river.|This is the [[Palace of Westminster]] in London]]
Solo asegúrese de que el número de corchetes de apertura y cierre sea correcto. Un extra o faltante significaría que toda la línea de sintaxis de la imagen no funcionaría.
Son posibles opciones adicionales de formato de subtítulos; todo el formato normal debería funcionar.
[[Archivo: Westminstpalace.jpg | right | thumbnail | alt = Una gran torre de reloj y otros edificios bordean un gran río. | < Div estilo = "text-align: center" > Este es < lapso de estilo = "color: green" > la </ envergadura > < br /> [[Palacio de Westminster]] < br /> '' 'en < lapso style = "color: red" > Londres </ span > '' ' </ div > ]]
Interacción entre listas e imágenes flotantes a la izquierda
Las viñetas y los números de las listas a veces pueden superponerse a las imágenes flotantes a la izquierda, y es posible que las líneas con sangría no aparezcan correctamente al lado de las imágenes flotantes a la izquierda. Por ejemplo:
Margen | Renderiza como |
---|---|
|
|
[[Archivo: Westminstpalace.jpg | izquierda | pulgar | 100px]] Primera linea :Segunda linea :: Tercera línea ::: Cuarta línea | Primera linea
|
La plantilla {{ flowlist }} permite que las listas se mantengan alejadas de estos objetos flotantes a la izquierda:
[[Archivo: Westminstpalace.jpg | izquierda | pulgar | 100px]]
{{ flowlist }} <ol> <li> elemento de lista A1 <ol> <li> elemento de lista B1 </li> <li> elemento de lista B2 </li> </ol> continuando elemento de lista A1 </li> < li> elemento de lista A2 </li> </ol>
{{ endflowlist }}
{{lista de flujo }}
Primera linea
:Segunda linea
:: Tercera línea
::: Cuarta línea
{{ endflowlist }}
Se renderiza como:
- elemento de lista A1
- elemento de lista B1
- elemento de lista B2
- elemento de lista A2
Primera linea
- Segunda linea
- Tercera linea
- Cuarta línea
- Tercera linea
Este método no funcionará dentro de una tabla, y si su lista es más larga que el elemento flotante, entonces la lista no fluirá alrededor de la imagen como de costumbre, sino que será un bloque, dejando un espacio en blanco debajo del elemento flotante.
Superposición de anotaciones en una imagen
En algunos casos, puede ser conveniente agregar anotaciones en las que se puede hacer clic a una imagen. Las plantillas Plantilla: Imagen anotada y Plantilla: Imagen anotada 4 existen para este propósito.
Estas plantillas permiten que se incluya wikitexto (por ejemplo, texto normal, wikilinks, código html permitido, referencias y otras plantillas) en la propia imagen. También se pueden usar para recortar una imagen para enfocar una parte particular de ella o, alternativamente, expandir el área blanca alrededor de una imagen para una mejor ubicación del wikitexto.
También está la plantilla {{ Overlay }}:
1 2 3 4 5 6 7 7 | ||||||||||||||||
|
Solo el elemento 7 está vinculado aquí.
Cancelación del modo de imagen flotante
Después de haber tenido una imagen flotando junto al texto, poner más texto debajo y nuevamente usar el ancho completo se puede hacer con el siguiente marcado. Esto impide que una imagen aparezca junto al material que sigue a este marcado, posiblemente por motivos estéticos o un cambio de tema.
<br style="clear:both" />
Para el align="right"
flotante heredado (etc.) esto no es lo suficientemente bueno; los navegadores heredados ignorarían CSS en línea. Para cancelar la flotación en todas las condiciones, funciona el siguiente marcado (XHTML 1.0 transitorio válido):
<br clear="all" />
El mismo código se puede emitir usando la plantilla {{ clear }} o {{ Clr }} o {{ - }} en ciertos espacios de nombres ( en , meta ).
Imágenes de VR
Para mostrar fotografías de realidad virtual ( también conocidas como panoramas o fotosferas de 360 grados), use {{ PanoViewer }}.
Vincular la imagen sin mostrarla
Si no desea mostrar o mostrar la imagen, sino que solo desea hacer un enlace a la página de descripción de una imagen, use dos puntos antes de "Archivo:" en un enlace dentro de la wiki, como este: [[:File:STS-32 crew.jpg|STS-32 crew]]
que produce: Tripulación STS-32 .
Archivos de sonido
A menudo, los archivos de sonido se presentan en las páginas de Wikipedia usando {{ Listen }} o sus plantillas relacionadas. Sin embargo, también es posible presentar un archivo de audio sin utilizar ninguna plantilla. Se puede utilizar una sintaxis similar a las imágenes para convertir archivos de audio o video en páginas.
Código | Producción | |
---|---|---|
1. | [[File:Accordion chords-01.ogg]] | |
2. | [[File:Accordion chords-01.ogg|frameless|upright=1.3]] |
Tenga en cuenta que ninguno de estos ejemplos proporciona enlaces a Wikipedia: ayuda multimedia , y el ejemplo 2 no proporciona enlaces navegables al archivo en sí. En consecuencia, siempre que se utilice este método, la plantilla {{ Inline audio }} debe mostrarse en esa página, y la presentación de los botones de reproducción debe ir acompañada de enlaces en los que se puede hacer clic al archivo de sonido en sí. Ejemplos:
Código | Producción | |
---|---|---|
1. | [[File:Accordion chords-01.ogg|frameless|upright=0.4|left]] [[:File:Accordion chords-01.ogg|Accordion chords]] | Acordes de acordeón |
2. | [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px|right]] | Acordes de acordeón |
3. | [[:File:Accordion chords-01.ogg|Accordion chords]] [[File:Accordion chords-01.ogg|90px]] | Acordes de acordeón |
Tenga en cuenta que la alineación vertical del botón de reproducción no funciona, ni es posible presentar el botón de reproducción en línea con el texto; en consecuencia, la disposición más agradable se logra con los ejemplos 1 o 3.
También hay un parámetro para preconfigurar el reproductor para que comience a una hora distinta a las 0:00.
Código | Producción | |
---|---|---|
1. | [[File:Accordion chords-01.ogg|start=0:05]] |
MIDI
Desde junio de 2019, los archivos MIDI se pueden reproducir como otros archivos de sonido. Ver: Ayuda: Puntaje .
[[Archivo: Beethoven Op. 33 no. 1.medio | pulgar | [[ Bagatelles, Op. 33 (Beethoven) | '' Bagatelles '', Op. 33 ]], no. 1]]
Archivos de video
Para mostrar un video subido con un título, use [[File:First flights in aviation history.ogg|frame|none|Caption text]]
.
Imagen fija inicial
thumbtime=Time
". Usa el fotograma del video en el momento dado como imagen fija inicial. El tiempo es un número de segundos u horas, minutos y segundos separados por dos puntos. Sin un parámetro de tiempo de pulgar, un fotograma desde el punto medio del video es utilizado de forma predeterminada. Por ejemplo, utilizando el mismo archivo de vídeo que antes:
Reproducir medios |
Reproducir medios |
Reproducir medios |
Fragmentos de medios temporales
Esta sintaxis le permite reproducir un segmento de la transmisión de video o establecer una hora de inicio. Desplácese sobre el reproductor para ver la hora de inicio enumerada como 5 segundos, presione reproducir y observe que detiene la reproducción a los 7 segundos.
[[File:Weeding.ogv|thumb|upright=1.3|start=5|end=7|Starts at 5 seconds and ends playback at 7 seconds]]
Nota: Safari e Internet Explorer aún no lo admiten.
Visualización de videos pequeños más grandes
Para mostrar un video más grande que su tamaño subido, use " |thumb
" y " ". Esto puede ser útil si el video original es muy pequeño pero muestra algunos detalles importantes pero pequeños, pero tenga en cuenta que el aumento de escala puede crear artefactos de escala inesperados. Por ejemplo, el código|numberpx
[[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|inline|left]] [[File:cal16x16check_vdnocnoafr1len2.avi.q10.ogv|right|thumb|128px]]
- muestra el video de 16 píxeles de ancho en su tamaño original a la izquierda y ocho veces más ancho a la derecha (los cuadrados deben ser completamente negros o completamente blancos y los bordes deben ser nítidos; cualquier borrosidad o color blanquecino probablemente se deba al navegador o la representación del servidor Wikimedia):
Thumbtime en una galería
El parámetro thumbtime también se puede utilizar dentro de una galería (ya sea con etiquetas <gallery> o la plantilla {{ Gallery }}):
- Reproducir medios
Hombre con traje, corbata y sombrero a los 21 segundos.
- Reproducir medios
Monoplano visto a los 23 segundos.
Aquí está el wikicode que lo creó:
<galería> Archivo: Primeros vuelos en la historia de la aviación.ogg | thumbtime = 21 | Hombre con traje, corbata y sombrero a los 21 segundos. Archivo: Primeros vuelos en la historia de la aviación.ogg | thumbtime = 0: 23 | Monoplano visto a los 23 segundos. </galeria>
Ver también
- Wikipedia: Imágenes : para una descripción general de las imágenes en Wikipedia
- Wikipedia: tutorial de imágenes
- Wikimedia Commons ( página principal de Commons ), un repositorio multimedia gratuito , que puede utilizar directamente en Wikipedia y otros proyectos de Wikimedia . Puede cargar nuevas imágenes o utilizar las almacenadas.
- Commons: Commons: Video - Esquema de videos en Commons; uso, reproducción, política, búsqueda, conversión y carga
- Wikipedia: creación y uso de archivos multimedia : una guía práctica, antigua pero útil
- Wikipedia: política de uso de imágenes
- Wikipedia: Marcado de imágenes con HTML - Cómo agregar imágenes a artículos, vieja escuela. Obsoleto pero interesante.
- Wikipedia: tutorial de búsqueda de imágenes
- meta: Ayuda: Imágenes y otros archivos cargados
- mw: Extension: PagedTiffHandler -
lossy
parámetro para archivos tiff