Ayuda:Guía de Edición de Imágenes

Guía de Edición de Imágenes

Sube imágenes, ajusta su tamaño y posición, y arma galerías y slideshows.

Haz clic en cada sección para desplegarla. Puedes ir directo a lo que necesitas o recorrerlas en orden.

¿Tienes dudas o algo no quedó claro? Escríbenos a wiki@ead.cl y te ayudamos.

Insertar imágenes

Si tienes dificultades para escuchar, este video cuenta con subtítulos.

Para insertar una imagen, primero debe estar subida en la wiki. El sistema no permite enlazar imágenes externas como medida de protección de derechos de autor.

→ Subir un archivo

Modo simple

Código:

[[Archivo:Mona-lisa.jpg]]

Así se ve aplicado:

Con tamaño definido

Si la imagen es demasiado grande, puedes especificar el ancho en píxeles usando | seguido del valor:

Código:

[[Archivo:Mona-lisa.jpg|300px]]

Así se ve aplicado:

Como miniatura (thumb)

La opción thumb muestra la imagen en miniatura flotando a la derecha del texto, con un pie de imagen opcional.

Código:

[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]

Así se ve aplicado:

Texto de descripción de la imagen

Describe siempre la imagen en el pie o en un texto alternativo: ayuda a quien usa lector de pantalla y mejora la búsqueda.

Posicionamiento

Puedes controlar la posición de las imágenes usando left, center, right o none.

Código:

[[Archivo:Mona-lisa.jpg|thumb|200px|left|Descripción left]]
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Descripción center]]
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Descripción right]]
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Descripción none]]

Así se ve aplicado:

Descripción left

Descripción right

Descripción center

Ancho completo

Para imágenes que ocupan todo el ancho de la página usa la clase full-width:

Código:

[[Archivo:piranesi.jpeg|class=full-width]]

Así se ve aplicado:

Sube originales de al menos 1600 px de ancho. Si la imagen full-width es el primer elemento de la página, se ancla al borde superior como "hero"; combínala con __NOTITLE__ para que no choque con el título.

Recorte circular

La clase img-circle recorta la imagen en círculo, sobre el cuadrado mayor inscrito. Útil para fotos de perfil.

Código:

[[Archivo:Mona-lisa.jpg|150px|class=img-circle]]

Así se ve aplicado:

Para fotos de perfil, súbelas cuadradas: así el recorte no deja a nadie fuera de cuadro.

Galerías

La etiqueta <gallery> permite mostrar múltiples imágenes de forma organizada. A diferencia del modo simple, dentro de <gallery> los archivos se escriben sin los corchetes [[ ]].

Código:

<gallery>
Archivo:01-triumph-tiger-900-rally-pro-estatica.jpg|Triumph Tiger 900 Rally Pro
Archivo:CRF1000L_Africa_Twin_black_frente_3-4_fx.jpg|Africa Twin Negra
Archivo:Honda_africa_twin_2020_adventure_sports.jpg|Africa Twin
Archivo:Tiger-900-rally-pro-acc-20MY-AZ4I8253-AB-1-6026-default-large.jpeg|Triumph Tiger 900 Rally Pro
</gallery>

Así se ve aplicado:

• 
  Triumph Tiger 900 Rally Pro
• 
  Africa Twin Negra
• 
  Africa Twin
• 
  Triumph Tiger 900 Rally Pro

Slideshow

Una variante de la galería que muestra las imágenes como presentación de diapositivas, ajustándose automáticamente al ancho disponible.

Código:

<gallery mode="slideshow">
Archivo:01-triumph-tiger-900-rally-pro-estatica.jpg|Triumph Tiger 900 Rally Pro
Archivo:CRF1000L_Africa_Twin_black_frente_3-4_fx.jpg|Africa Twin Negra
Archivo:Honda_africa_twin_2020_adventure_sports.jpg|Africa Twin
Archivo:Tiger-900-rally-pro-acc-20MY-AZ4I8253-AB-1-6026-default-large.jpeg|Triumph Tiger 900 Rally Pro
</gallery>

Así se ve aplicado:

• 
  Triumph Tiger 900 Rally Pro
• 
  Africa Twin Negra
• 
  Africa Twin
• 
  Triumph Tiger 900 Rally Pro

---

← Volver a las guías Siguiente: insertar objetos →