Ayuda:Imágenes

De Drogopedia

No olvides lo siguiente:

  • No se pueden subir imágenes con copyright.
  • Se pueden cargar tantos archivos como se desee, pero por favor, sin intentar ningún acto de vandalismo contra el servidor.
  • Todas las transferencias de carga y las eliminaciones se guardan en un historial.
  • En el campo Sumario se ha de escribir un texto para la página de descripción de imagen.

Contenido

Cómo enlazar la imagen desde el documento en Drogopedia

Incluir una imagen en un artículo

Edita el artículo correspondiente y crea el siguiente enlace:

[[Imagen:Nombre del archivo|Texto alternativo]]

Puedes hacerlo con el botón Image icon.png que aparece en la barra de botones que está encima de la caja de edición (aunque es posible que no aparezca en tu navegador). Selecciona el nombre del archivo y el texto alternativo —separados por una barra |— y pulsa el botón. Escribirá [[Imagen por delante y ]] por detrás.

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

El «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. Es también importante para las personas ciegas que usan lectores de pantalla o para los navegadores basados en texto.

Sólo falta refrescar la página correspondiente para comprobar el enlace. Recuerda respetar las mayúsculas y minúsculas en el enlace de la imagen.

Opciones de presentació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:

[[Imagen:{nombre del archivo}|{opciones}]]

Donde las opciones pueden ser cero o más de las indicadas a continuación, separadas por barras verticales (|):

  • thumb, thumbnail, frame, border,frameless: Controlan el formato de la imagen.
  • left, right, center, none: Controlan la alineación de la imagen en la página.
  • {ancho}px: Cambia el tamaño de la imagen al ancho especificado en pixeles.
  • {texto alternativo}

Las opciones pueden ser especificadas en cualquier orden. Si una de las opciones no concuerda con las opciones posibles, entonces se asume que es el texto alternativo de la imagen. El texto alternativo de la imagen puede contener enlaces wiki u otros formatos.

  • thumb,thumbnail: genera una imagen en miniatura (thumbnail), alineada por omisión a la derecha, con el texto alternativo escrito en el pie de foto. Se muestra también un icono de aumento.
  • frame: añade un marco con pie de foto a la imagen, igual al de thumb, pero no reduce la imagen.
  • border: añade un borde gris de grosor mínimo.
  • frameless: similar a thumbnail, respeta las preferencias de usuario para el ancho de la imagen pero sin el borde y sin flotar a la derecha.


Descripción Si escribes Tendrás como resultado
Imagen embebida
(con texto alternativo)

[[Imagen:Crack.jpg|Crack]]

Crack

Enlace a la página de descripción

[[:Imagen:Crack.jpg]]
[[:Imagen:Crack.jpg|Crack]]

Imagen:Crack.jpg
Crack

Enlace directo al archivo

[[Media:Crack.jpg]]
[[Media:Crack.jpg|Crack]]

Media:Crack.jpg
Crack

Thumbnail
(centrado, 100 pixels
con texto alternativo)

[[Imagen:Crack.jpg|center|thumb|100px|Crack]]

Crack
Frame
(con texto alternativo)

[[Imagen:Crack.jpg|frame|100px|Crack]]

Crack
Border
(100 pixels)

[[Imagen:Crack.jpg|border|100px]]

Crack.jpg

Frameless

[[Imagen:Crack.jpg|frameless]]

Crack.jpg

Cancelar el modo «texto alrededor de imagen»

Después de haber puesto un texto a un lado u otro de una imagen, para poner nuevo texto por debajo, usando de nuevo todo el ancho disponible, se ha de escribir antes <br style="clear:both;">.

Cargar una nueva versión de la imagen

Para reemplazar una imagen cargada previamente, por actualización de la misma o del artículo, basta con cargar una imagen que tenga el mismo nombre. En estos casos por cuestiones técnicas relacionadas con tu navegador (la caché del navegador) puede que no veas la nueva versión de la imagen de inmediato. Prueba a hacer Control + R o Control + F5 (dependiendo del navegador).

Vistas
Herramientas personales