Atención
Madripedia fue un proyecto del Ayuntamiento de Madrid que se dejó morir a mediados de 2014. Sin embargo, aquí puedes encontrar una copia de seguridad de sólo lectura del 7 de febrero 2014, resucitada con fines educativos e informativos.

Ayuda:Cómo se añaden imágenes

De Madripedia
Saltar a: navegación, buscar

Para subir una imagen a Madripedia

  • Haz click en el enlace Subir archivo, situado a la izquierda de la pantalla, debajo del cuadro de búsqueda.
  • Pulsa el botón "Examinar" y busca en tu disco duro el archivo que quieres añadir.
  • Cuando lo hagas, verás que el nombre el fichero aparece también en el campo "Nombre de destino". Puedes cambiar este campo si quieres y nombrar a la imagen con un título más adecuado. Igualmente puedes añadir una pequeña descripción el el área de texto correspondiente.
  • Una vez facilitada la información, haz click en "Subir un archivo" y la imagen comenzará a transferirse. Ten en cuenta que el tiempo necesario para esta operación varía en función del tamaño del archivo y de la velocidad de tu conexión, así que sé paciente y no pulses más de una vez el botón.
  • Una vez finalizado el proceso se mostrará un mensaje confirmando la operación. También puede ocurrir que ya exista una imagen con ese nombre, en ese caso la pantalla te lo dirá y tendrás que volver a subir el archivo cambiando el nombre de destino.

Cómo enlazar la imagen desde el documento en Madripedia

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 Archivo: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.). No uses el formato .gif: puedes sustituirlo por el .png.

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.

Nota: Por el simple hecho de usar una imagen de commons, se creará una página de descripción virtual de la imagen. Mira por ejemplo la de la Puerta del Sol.

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''|Texto alternativo]]

Las opciones disponibles son:

  • thumbnail, thumb: 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. Ejemplo: [[Imagen:Puerta del Sol.jpg|thumbnail|La Puerta del Sol]]
  • framed: añade un marco con pie de foto a la imagen, igual al de thumb, pero no reduce la imagen.
  • right: alinea la imagen a la derecha, se puede especificar con o sin thumb
  • left: ídem, pero alineado a la izquierda.
  • none: la imagen se presenta sin texto a sus márgenes, aunque se haya añadido la opción thumbnail.
  • anchura px: se genera un versión en miniatura con la anchura en pixeles especificada (p.e. '150px'). La altura se calcula de modo que se mantenga la proporción.

Las barras verticales «|» se usan para separar las opciones entre sí, y entre la última y el texto alternativo. Las opciones desconocidas se pasan por alto y la última opción se usa siempre como texto alternativo.

Ejemplo de una imagen sin texto en el pie:

[[Imagen:Puerta del Sol.jpg|right|]]

La última barra vertical asegura que el texto alternativo sea "Puerta del Sol.jpg" y no right.


Las opciones se pueden combinar, por ejemplo:

[[Imagen:Puerta del Sol.jpg|left|80px|Puerta de Almodóvar]] (80 px de ancho, a la izquierda) o

(80 px de ancho, miniatura, mostrada a la derecha).

[[Imagen:Puerta del Sol.jpg|thumb|80px|Puerta del Sol]] (80 px de ancho, miniatura, mostrada a la derecha).

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 toda el ancho disponible, se ha de escribir antes <br style="clear:both;">.