Page data
Authors Kathy Nativi
Published 2021
License CC-BY-SA-4.0
Derivative of Help:Images
Language Español (es)
Impact Number of views to this page. Views by admins and bots are not counted. Multiple views during the same session are counted as one. 518

Esta página describe cómo agregar y usar imágenes en Appropedia.

Imágenes permitidas[edit | edit source]

Asegúrate de tener permiso para publicar el contenido bajo una open license, describir la fuente y especificar la licencia. De lo contrario, el archivo se eliminará para evitar alojar contenido que vaya en contra de las políticas en Appropedia.

Obra original[edit | edit source]

Te recomendamos que cargues imágenes útiles que ayuden a los lectores e investigadores en Appropedia. Hemos descubierto que muchas de las citas académicas de Appropedia son ilustraciones técnicas. Estos son algunos de los trabajos bienvenidos en Appropedia:

  • Diagramas y mapas mentales para resumir páginas temáticas.
  • Ilustraciones técnicas para describir cómo se ve y funciona un dispositivo.
  • Fotografías de proyectos y dispositivos.

Reutilización del trabajo con licencia abierta[edit | edit source]

Puedea utilizar imágenes con licencias CC-BY-SA-u otras (por ejemplo, GPL, CC0 o de dominio público). Hay muchos lugares para buscar imágenes con licencia abierta, como Creative Commons Search y Wikimedia Commons.

Ver también Help:Finding open licensed images y Appropedia:Copyrights.

Creando trabajo derivado[edit | edit source]

Puedes utilizar cualquiera de las miles de imágenes con licencia abierta para crear trabajos derivados, siempre que te asegures de que se respeta la licencia original en términos de atribución y si dicha licencia permite derivados. Por esta razón, las licencias cerradas como CC BY-ND (Attribution-NoDerivatives) no son compatibles con Appropedia.

Algunos ejemplos de trabajo derivado son: un collage de imágenes, una ilustración basada en una fotografía, una nube de palabras.

Insertar imágenes[edit | edit source]

Después de subir una imagen, insértala escribiendo un nombre único precedido y seguido de corchetes dobles, como enlace interno: [[File:NAME]]. Puedes formatear cómo se muestra la imagen utilizando la siguiente sintaxis: [[File:File.png|type|location|size|caption]]. La mayoría de las imágenes deben usar [[File:NAME|thumb|IMAGE CAPTION]]. Los demás detalles son opcionales y se pueden colocar en cualquier pedido.

Se deben usar nombres únicos para todos los archivos de imagen y video. Preferiblemente en la convención de project_name de file_date (File: Project_nameoffile_01012021.png | tipo | ubicación | tamaño | título), lo que facilita el rastreo del origen y la revisión del archivo.

Donde File.png es el nombre de la imagen (por ejemplo, AEFgreywaterTrapSpr06.jpg), thumb es un parámetro para el formato predeterminado de la imagen y caption es el texto breve que describe su contenido.

Lo que se acaba de describir es la sintaxis típica que se utiliza en la gran mayoría de casos, y crea automáticamente una miniatura de la imagen de tamaño óptimo, alineada a la derecha. Por lo general, no se necesita nada más, pero en algunos casos puede ser útil cambiar algunos parámetros (alineación, tamaño, etc.).

Para cambiar la posición de la imagen con respecto al texto en la página, puedes indicar parámetros opcionales después del nombre del archivo, separándolos con una barra vertical, |. Estas son algunas de las posibles formas de formatear una imagen
Type: Si no se especifica, el tamaño en el que se presenta la imagen es en el que se cargó. Para garantizar una mejor accesibilidad para todos, es preferible utilizar la opción "thumb" para que el tamaño mostrado se redimensione adecuadamente. Cada usuario es libre de cambiar sus preferencias según sea necesario. La opción 'frame' le permite insertar una imagen en su tamaño original y enmarcada.
Location: 'Derecha', 'izquierda', 'centro' o 'ninguna' determina la ubicación de la imagen en la página.
Size: WIDTHpx (por ejemplo, 50px), escala la imagen al ancho dado, manteniendo su relación de aspecto. O las miniaturas pueden usar "upright = 'Factor' ". Esto debe usarse junto con el parámetro "thumb", p. Ej. "|thumb|upright=2" hace que la imagen tenga el doble de dimensiones que una miniatura. (El valor predeterminado es 0,75 y redondea el resultado al múltiplo de 10 píxeles más cercano).
Title: se recomienda agregar un título o texto alternativo a la imagen. El título debe insertarse después del nombre de la imagen y después de cualquier parámetro opcional, separándolo con una barra vertical, |. El texto alternativo debe ser el último dato antes de los corchetes de cierre: [[File:File.png|Alternative text]]. Ten en cuenta que para las imágenes sin marco, el texto ingresado de esta manera aparece como texto alternativo y como un título tooltip, visible solo al pasar el mouse. Para obtener un título es necesario especificar el parámetro opcional de pulgar o marco que hace que la imagen se muestre a la derecha, encerrada en un marco y con el título en la parte inferior; el título, que debe estar separado de las opciones con una segunda barra vertical | reemplaza el texto alternativo de la imagen.

A continuación, se muestran algunas formas posibles de formatear una imagen:

Descripción Lo que escribes Lo que obtienes
Sin desplazamiento de texto [[File:File.png|none|thumb]]
HelpImages1.png
Alineado a la izquierda, con desplazamiento [[File:File.png|left|thumb]]
HelpImages2.png
Centrado en la página [[File:File.png|center|thumb]]
HelpImages3.png
Alineada a la derecha, con desplazamiento [[File:File.png|right]]
HelpImages4.png
Miniatura con subtítulos [[File:AEFprevfilt2.jpg|thumb|Fig 1: Limpiando el filtro viejo]]
Fig 1: Limpiando el filtro viejo
Miniatura subtitulada con alineación central [[File:AEFprevfilt2.jpg|thumb|center|Fig 1: Limpiando el filtro viejo]]
Fig 1: Limpiando el filtro viejo

Subiendo imágenes[edit | edit source]

Usando el editor visual[edit | edit source]

Con el Editor visual, podrá ver las variaciones que está aplicando a las imágenes en tiempo real.

'1)' Haga clic en la pestaña " Edit " en la parte superior de un artículo.

'2)' Una vez cargado el editor visual, haga clic en el menú " Insert " y elija la opción " Images and media ". Esto abrirá un cuadro de diálogo.

Insert > Images and media

'3)' Haga clic en la pestaña " Upload ", si aún no está seleccionada y luego haga clic en " Select a file " y elija un archivo de su computadora. Puedes agregar una descripción para que quien quiera usar la imagen sepa de qué se trata.

'4)' Marque la casilla de verificación " This is my own work " para habilitar la carga.

'5)' Haga clic en el botón " Upload " en la parte superior derecha.

Select file > Choose file from computer > ✓ This is my own work > Upload

'6)' Agregue una " Description " y luego haga clic en " Save ".

Add a description > Save

Desde el editor de código fuente[edit | edit source]

Esta opción le permitirá editar desde el código fuente.

1) Haz clic en " Edit source ". Coloque el cursor en el espacio donde desea que aparezca la imagen.

2) En la barra de navegación, haga clic en el icono de la imagen. En el cuadro de diálogo, puede nombrar la imagen, poner un título, así como el tamaño, la alineación y el formato.

EditSource1.png

3) Ahora haz clic en " Upload ".

EditSource2.png

4) Haga clic en " Save ".

EditSource4.png

5) Finalmente, haz clic en " Insert ".

EditSource3.png

Usando el cargador de archivos[edit | edit source]

1) Desplácese y haz clic en "Upload a file" en "herramientas" en la esquina superior derecha.

UploadAFile1.png

2) Haz clic en " Select media files to share " y seleccione una imagen de su computadora.

UploadAFile2.png
  • Agrega un nombre de archivo más útil si es necesario.
  • Agrega una descripción de la imagen.
  • Elije la aplicación de licencia a la imagen.
UploadAFile3.png

3) Confirme la información que ingresó y haga clic en " Publish ".

4) Seleccione y copie el nombre del archivo.

UploadAFile4.png

5) Haga clic en el icono de la imagen para insertar el código apropiado.

UploadAFile5.png

Galerías[edit | edit source]

Comenzando con versión 1.22 de MediaWiki, hay nuevos parámetros que pueden explotarse para construir galerías más útiles. Aquí hay un par de ejemplos de cómo usamos las galerías en Appropedia. Consulta la página de documentación de imágenes de MediaWiki para obtener más información útil sobre los parámetros que puede utilizar para generar galerías.

<gallery mode=nolines widths=200>
File:DSC 0425.jpg|<big>'''[[AEF food dehydrator]]'''</big><br>A solar dehydrator to help preserve surplus crops
File:AEFcurrentmarsh.jpg|<big>'''[[AEF greywater]]'''</big><br>Greywater system at the CSA, Arcata Educational Farm
File:CurrentWall.JPG|<big>'''[[AEF informational kiosk]]'''</big><br>An earthen informational kiosk
File:Winterbreak 040 -800x600-.jpg|<big>'''[[AEF photovoltaic system]]'''</big><br>Modified off-grid photovoltaic system
File:Aefswh-finished.jpg|<big>'''[[AEF solar water heater]]'''</big><br>Improved solar water heating system
</gallery>

También puedes usar mode=slideshow para mostrar la misma galería en una presentación de diapositivas: