Urbipedia le invita a darse de alta: Pulse en "Crear una cuenta"

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

Artículo procedente del archivo online Urbipedia (''www.urbipedia.org'')
Saltar a: navegación, buscar

Contenido

Resolución de las imágenes

Se aconseja mantener las siguientes limitaciones máximas en las imágenes:

  • Imágenes fotográficas:
    • Resolución: 72
    • Dimensiones máximas en ancho y alto: 600 x 600 px
  • Imágenes de planos:
    • Resolución: 72
    • Dimensiones máximas en ancho y alto: 1000 x 1000 px

Subir imágenes

Una vez registrado, usa el enlace «Subir archivo» que está en el cuadro de herramientas.

Con «Examinar» encuentra el archivo que quieres cargar en el servidor desde el disco duro de tu ordenador. Esto abrirá un cuadro de diálogo de «Seleccionar archivo».

Cuando hayas encontrado el archivo, selecciona «Abrir» con lo que se seleccionará el archivo y se cerrará el cuadro de diálogo de «Seleccionar archivo».

Pulsa el botón «Subir archivo». El archivo comenzará a transferirse. Esto puede llevar algún tiempo, dependiendo del tamaño del archivo y de la velocidad de conexión.

Cuando la transferencia se complete con éxito, aparecerá un mensaje notificándolo.

Subir nueva versión de imagen

Cuando se quiera subir una nueva versión de una imagen basta pulsar sobre "Subir una nueva versión de este archivo" y seguir los mismos pasos que en la subida de imágenes.

Licencias

Viñeta explicativa de la licencia recomendada en Commons para imágenes de creación propia (Creative Commons Reconocimiento/CompartirIgual)

Al igual que en los textos, sólo se acepta material gráfico bajo una licencia libre; eso quiere decir que la mayoría de las imágenes que puedes encontrar en Internet no son aceptables. Asegúrate de entender claramente las cuestiones de licencia leyendo la guía sobre las licencias.

Tienes a tu disposición muchas plantillas para indicar la licencia de la imagen. Debes consultarlas antes de subir imágenes.

No olvides lo siguiente:

  • 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 una historia («Registro de subidas»).
  • En el campo Sumario se ha de escribir un texto para la página de descripción de imagen.

Cómo enlazar la imagen desde el documento en Urbipedia

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:Madrid-prado.jpg|Museo del Prado]]

Museo del Prado

Enlace a la página de descripción

[[:Imagen:Madrid-prado.jpg]]
[[:Imagen:Madrid-prado.jpg|Museo del Prado]]

Imagen:Madrid-prado.jpg
Museo del Prado

Enlace directo al archivo

[[Media:Madrid-prado.jpg]]
[[Media:Madrid-prado.jpg|Museo del Prado]]

Media:Madrid-prado.jpg
Museo del Prado

Thumbnail
(centrado, 100 pixels
con texto alternativo)

[[Imagen:Madrid-prado.jpg|center|thumb|100px|Museo del Prado]]

Museo del Prado
Frame
(con texto alternativo)

[[Imagen:Madrid-prado.jpg|frame|100px|Museo del Prado]]

Museo del Prado
Border
(100 pixels)

[[Imagen:Madrid-prado.jpg|border|100px]]

Madrid-prado.jpg

Frameless

[[Imagen:Madrid-prado.jpg|frameless]]

Madrid-prado.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 toda 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.

Añadir series de imágenes

Utilización de <gallery>

  • Gallery agrupa las imágenes en filas de 4.
  • Ejemplo:
  • Gallery fijando las características de presentación.
  • Ejemplo: anchura 240 px, altura 140 px y 3 imágenes por fila<gallery widths="240px" heights="140px" perrow="3" >

Agrupar decidiendo tamaño y número de imágenes por fila

  • Ejemplo: Primera fila 2 grandes y segunda fila 4 más pequeñas
2 de Marzo de 2007
12 de Abril de 2007
12 de Abril de 2007
2 de Marzo de 2007
12 de Abril de 2007
12 de Abril de 2007

Agrupar en un mismo cuadro

Santiago Catedral Pórtico da gloria GDFL6.JPG SantCompostela21.jpg Spain.Santiago.de.Compostela.Catedral.Puerta.Meridional.jpg
Detalle del Pórtico de la Gloria, nave central y puerta de Platerías con tímpanos historiados,
Catedral de Santiago de Compostela

Imagemap

  • Ejemplo donde se ha marcado la torre Sears:
Torre SearsChicago Skyline Crop Labeled 2560 ver2.jpg

Panorama

  • Ejemplo: {{panorama|BarcelonaExpositionPanorama.1929.ws.jpg|1200px|Recinto de la Exposición.}}
Recinto de la Exposición.
Recinto de la Exposición.
Urbipedia.8.png
Volver a la página principal de Ayuda