Ayuda:Imágenes

Jump to: navigation, search

Esta página trata en detalle la sintaxis de la imagen al momento de editar una página wiki. Usted o algún otro usuario deberá comúnmente cargar una imagen antes de que esta sea visible en la página.

Contents

Sintaxis

La sintaxis necesaria para mostrar una imagen:

 [[Image:{nombre_archivo}|{opciones}]]

Donde las opciones que se señalan a continuación, separadas por barras verticales, pueden oscilar entre cero o más:

  • border, frame, thumb, o frameless: Determina el proceso de formato de la imagen
  • left, right, center, none: Determina la alineación de la imagen dentro del texto
  • baseline, sub, super, top, text-top, middle, bottom, text-bottom: Determina la alineación vertical de la imagen dentro de un texto
  • {width} px: Cambia el tamaño de la imagen de acuerdo al ancho predeterminado en pixeles
  • {width}x{height}px: Cambia el tamaño de la imagen para que quepa dentro del ancho y altura predeterminados en pixeles. Es posible definir solamente la altura escribiendo x{height}px
    • Nótese que la imagen mantendrá siempre su relación de aspecto.
  • link={destination}: Permite crear un enlace con un título arbitrario, con una URL o simplemente no lo crea
    • Mostrará una imagen sin enlace, p.ej., [[Image:Name.jpg|20px|link=Help:Images]]20px.
    • o Nótese que no se puede utilizar el enlace en conjunto con una imagen en miniatura ya que la función de esta es siempre redirigir a una versión más grande de la imagen. Además, un enlace no puede ser utilizado con cuadro.
  • alt={alternative text}: Permite cambiar el texto alternativo de una imagen (alt="")
  • Casos especiales:
    • page=1: Visualiza la página especificada al mostrar un archivo djvu

Las opciones se pueden dar en orden aleatorio. Si dichas opciones entran en conflicto entre sí, entonces se aplicará la última de estas, excepto en el caso de las opciones de formato donde se da prioridad al orden de cuadro, imagen de muestra, la falta de cuadro y margen. Si una opción dada no se ajusta a ninguna de las otras posibilidades se asume que se trata del texto de la foto. El texto de la foto puede contener enlaces wiki u otros formatos.

Formato

La tabla que se muestra a continuación muestra el efecto de todos los formatos disponibles.

Cuando la altura de una imagen en una miniatura es superior a su ancho y usted considera que sobresale, entonces podrá utilizar la opción upright, la cual tratará de modificar su tamaño actual a un tamaño más satisfactorio.

Nótese que al escribir thumb={filename}, usted podrá utilizar una imagen diferente para la imagen en miniatura.

Alineación

Nótese que al usar cuadros o miniaturas, la alineación predefinida será hacia la derecha.

Descripción Escribes Obtienes
No se especifica alineación o la alineación es predeterminada
... text text text
[[File:Example.jpg|caption]]
text text text ...

text text text text text text text text text text text text text text text text text text text text text text text caption text text text text text text text text text text text text text text text text text text text text text text text


Especifique alineación como ninguna
... text text text
[[File:Example.jpg|none|caption]]
text text text ...

text text text text text text text text text text text text text text text text text text text text text text text

caption

text text text text text text text text text text text text text text text text text text text text text text text


centro
... text text text
[[File:Example.jpg|centro|caption]]
text text text ...

text text text text text text text text text text text text text text text text text text text text text text text caption text text text text text text text text text text text text text text text text text text text text text text text


izquierda
... text text text
[[File:Example.jpg|izquierda|caption]]
text text text ...

text text text text text text text text text text text text text text text text text text text text text text text caption text text text text text text text text text text text text text text text text text text text text text text text


derecha
... text text text
[[File:Example.jpg|derecha|caption]]
text text text ...

text text text text text text text text text text text text text text text text text text text text text text text caption text text text text text text text text text text text text text text text text text text text text text text text

Alineación vertical

text text [[Image:Example.jpg|20px]]
text text [[Image:Example.jpg|20px|baseline]]
text text [[Image:Example.jpg|20px|sub]]
text text [[Image:Example.jpg|20px|super]]
text text [[Image:Example.jpg|20px|text-top]]
text text [[Image:Example.jpg|20px|middle]]
text text [[Image:Example.jpg|20px|bottom]]
text text [[Image:Example.jpg|20px|text-bottom]]

resulta en (el texto aparece subrayado para mostrar el resultado de mejor manera)

text text Example.jpg text text Example.jpg text text Example.jpg text text Example.jpg text text Example.jpg text text Example.jpg text text Example.jpg text text Example.jpg

Tamaño y cuadro

Como se muestra a continuación, el efecto del parámetro de tamaño puede ser diferente entre los distintos formatos:

  • Cuando no se especifica el formato, o este sólo aparece con márgenes, el tamaño puede agrandarse o achicarse.
  • Una imagen con cuadro ignorará siempre la especificación de tamaño.
  • El tamaño de una imagen con una miniatura y sin cuadros se puede reducir; no obstante, no se puede agrandar más allá del tamaño original de la imagen.

Para saber acerca de cómo se ve una imagen cuando no aparece especificado el tamaño, consulte la sección Formato que se encuentra más arriba


Formato Reducido Agrandado
(not specified)
[[File:Example.jpg|50px]]

Example.jpg

[[File:Example.jpg|500px]]

Example.jpg


Margen
[[File:Example.jpg|Margen|50px]]

Margen

[[File:Example.jpg|Margen|500px]]

Margen


Cuadro
[[File:Example.jpg|Cuadro|50px]]

Cuadro

[[File:Example.jpg|Cuadro|500px]]

Cuadro


Imagen en miniatura
[[File:Example.jpg|Imagen en miniatura|50px]]

Imagen en miniatura

[[File:Example.jpg|Imagen en miniatura|500px]]

Imagen en miniatura


Sin cuadro
[[File:Example.jpg|Sin cuadro|50px]]

Sin cuadro

[[File:Example.jpg|Sin cuadro|500px]]

Sin cuadro

Detener del movimiento de texto

En ciertas ocasiones se quiere detener el esparcimiento de texto alrededor de la imagen. Dependiendo de la resolución de la pantalla del buscador, el texto se desplaza hacia el lado derecho de una imagen y puede causar la aparición de un encabezado de sección (por ejemplo, == Mi Encabezado ==) al lado derecho de la imagen en vez de ubicarse debajo de esta como se espera. El movimiento de texto se puede detener colocando <br style="clear: both" /> antes del texto que comienza después de la imagen. Para una explicación más detallada véase Plantilla.

Galería de Imágenes

Crear una galería de imágenes compuesta solamente de miniaturas de imágenes (y no otras) es sumamente sencillo con la pestaña <gallery>. La sintaxis es la siguiente

<gallery>
Image:Image Name.ext|leyenda
Image:Image Name.ext|leyenda
{...}
</gallery>

Nótese que el código de la imagen no se encuentra encerrado entre corchetes cuando se encierra en pestañas de galería.

Los pies de foto son opcionales y pueden contener enlaces wiki u otros formatos.

por ejemplo:

<gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
Image:Example.jpg
Image:Example.jpg
Image:Example.jpg| ''italic caption''
Image:Example.jpg|on page "{{PAGENAME}}"
</gallery>

Se configura así:

Parámetros

De forma independiente la pestaña de galería considera parámetros adicionales:

<gallery {parameters}>
{images}
</gallery>
  • caption={caption}: Define un pie de foto en una galería
  • widths={width}px: Define el ancho de las imágenes
  • heights={heights}px: Define las alturas (máximas) de las imágenes
  • perrow={integer}: Define el número de imágenes por fila

Enlaces

Enlace a la página de descripción

Si usted coloca dos puntos antes del archivo: la imagen no será insertada y el enlace nos redirigirá a la página de descripción del archivo.

[[:File:Example.jpg]]
[[:File:Example.jpg|Sunflowers]]

results in

File:Example.jpg Sunflowers

Enlazar directamente al archivo

Usted puede utilizar el seudoespacio de nombre “Medios” para enlazar directamente a un archivo, evitando la página de descripción.

[[Media:Example.jpg]]
[[Media:Example.jpg|Sunflowers]]

resulta en

Media:Example.jpg Sunflowers

También se puede utilizar

[[Special:FilePath/Example.jpg]]

para enlazar a un potencial archivo, incluso si este no existe. También se puede utilizar:

{{FILEPATH:Example.jpg}}

whpara generar una URL externa hacia el archivo en línea: http://dualstack.prod-http-80-test-412114078.us-east-1.elb.amazonaws.com/w/images/a/a9/Example.jpg

Requisitos

Antes de usar imágenes en su página, el administrador del sistema de su página wiki tiene que permitir la carga de archivos y un usuario tiene que subir el archivo. Los administradores de sistema pueden también configurar la página wiki para que acepte archivos desde depositarios externos, tales como Wikimedia Commons.

Archivos en otras páginas web

Usted puede crear un enlace a un archivo externo disponible en la red y utilizando la misma sintaxis para la creación de un enlace a una página web externa.

[http://url.for/some/image.png]

O con un texto diferente:

[http://url.for/some/image.png link text here]

Usted podrá también insertar imágenes externas, pero solo si esta opción se encuentra activada en su página wiki

http://url.for/some/image.png