Ayuda: Imágenes

Este tutorial explica cómo insertar imágenes en artículos de Wikipedia usando wikitext . Esta es una de las preguntas más frecuentes. Describe opciones para especificar ubicación, texto alternativo , títulos, tamaños y enlaces, y contiene consejos sobre panoramas y cómo evitar la acumulación de imágenes. También hay un documento técnico que describe la sintaxis y una guía sencilla para principiantes . Se utiliza la misma sintaxis independientemente de si un archivo es de Wikipedia o Wikimedia Commons .

Si necesitas ayuda para subir una imagen , o seleccionar una imagen adecuada para un artículo, consulta la política de uso de imágenes y el Manual de Estilo . Las imágenes de la mayoría de los sitios web tienen derechos de autor y no deben cargarse; consulte la política de derechos de autor . Cargue la imagen con la mayor resolución posible, pero mantenga el tamaño del archivo por debajo de 1000 megabytes .

Antes de agregar una imagen a un artículo, consulte la página de descripción de la imagen para asegurarse de que su estado de derechos de autor esté claramente indicado, preferiblemente con una de las etiquetas de derechos de autor de la imagen .

Imagen del cuadro de información

Si un artículo ya tiene un cuadro de información en la parte superior derecha, entonces el lugar habitual para la primera imagen del artículo es dentro del cuadro de información. Para obtener orientación sobre la sintaxis para hacer esto, consulte Ayuda: Imagen del cuadro de información . En resumen muy breve, un obstáculo con el que tropiezan muchas personas cuando intentan agregar una imagen a una plantilla de cuadro de información es que la mayoría proporciona internamente el código wiki que "envuelve" la imagen. En consecuencia, normalmente no agrega los corchetes, la cantidad de píxeles y otros detalles del código que aprenderá a continuación al colocar una imagen en cuadros de información; solo el nombre del archivo junto a un campo etiquetado| imagen =. Agregar un código tan extraño hará que muchos cuadros de información se rompan. Además, tenga en cuenta que algunos cuadros de información requieren que el nombre del archivo se coloque sin el prefijo del espacio de nombres del archivo/imagen. Así, y por ejemplo, siArchivo:Nombre.jpgno funciona, prueba soloNombre.jpg.

Miniaturas

Es posible que las instrucciones de esta página no funcionen con VisualEditor. Si ha optado por participar , puede utilizar VisualEditor o la edición clásica a través del marcado wiki (wikitext) para editar la mayoría de las páginas. Las instrucciones en esta página, especialmente sobre qué códigos escribir para producir efectos de formato, están orientadas predominantemente a la edición de wikitexto. Para obtener instrucciones sobre cómo editar con VisualEditor, consulte Wikipedia: VisualEditor/Guía del usuario .

Una imagen existente de Wikipedia en inglés o Wikimedia Commons se puede insertar en una página con el wikitexto [[File:...|thumb|Caption text]] básico . ^[a] El uso thumbgenera una imagen en miniatura , normalmente de tamaño diferente al de la imagen original. Para obtener orientación sobre el texto del título para asociar con imágenes, consulte Wikipedia: Manual de estilo/títulos . Varias opciones pueden afectar la ubicación y el tamaño de una miniatura, que se describen a continuación.

A la izquierda

De forma predeterminada, una miniatura flota a la derecha de la página, con el texto fluyendo a su alrededor. Sin embargo, nuestro primer ejemplo especifica left. Justo debajo del ejemplo puedes ver cómo se ve la imagen resultante:

[[ Archivo : Wikipedesketch.png | pulgar | izquierda | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]

Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. — La Wikipede edita *Myriapoda* .

El texto anterior proporciona el nombre del archivo de imagen "Wikipedesketch.png", el tipo de imagen "pulgar" y la alineación "izquierda", el texto alternativo "Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil" y la leyenda "El Wikipede edita Miriápodos ." Un lector de Wikipedia puede hacer clic en la miniatura, o en el pequeño ícono de doble rectángulo debajo de ella, para ver la página del archivo correspondiente que le permitirá al usuario ver la imagen en su tamaño original.

Aunque el texto anterior puede aparecer en varias líneas por motivos de formato, el texto de la imagen real está en una línea, ya que utiliza espacios sin saltos de línea. El [[y el primero |deben estar en la misma línea; otros espacios y saltos de línea se ignoran si están al lado de |caracteres o justo dentro de los corchetes. Algunas partes de la sintaxis de la imagen, como alt=, no permiten espacios ni saltos de línea, y la forma más sencilla de hacerlo bien es omitir espacios y saltos de línea innecesarios.

El texto alternativo está destinado a lectores con discapacidad visual. A menudo, el título o el artículo describirá la imagen adecuadamente y, cuando este sea el caso, puede escribir alt=caption o alt=ver texto adyacente . Si se agrega texto alternativo adicional, debe ser una descripción concisa que cumpla con las políticas de contenido; consulte WP:ALT para obtener más información. A diferencia del texto alternativo, un título puede contener marcas Wiki como ''[[Myriapoda]]''. El texto del título se coloca debajo de la imagen.

Aquí se muestra nuevamente el mismo ejemplo, esta vez en el contexto de un texto ficticio de lorem ipsum coloreado con asteriscos (*) que muestra dónde aparece la sintaxis de la imagen en el texto:

[[ Archivo : Wikipedesketch.png | pulgar | izquierda | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]

Evite referirse a las imágenes como "de izquierda". La ubicación de las imágenes es diferente para los espectadores de la versión móvil de Wikipedia y no tiene sentido para las personas a las que les leen las páginas mediante software de asistencia. En su lugar, utilice subtítulos para identificar las imágenes.

A la derecha

La ubicación predeterminada para una miniatura está a la derecha:

[[ Archivo : Wikipedesketch.png | pulgar | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]

Evite referirse a las imágenes como "estar a la derecha". La ubicación de las imágenes es diferente para los espectadores de la versión móvil de Wikipedia y no tiene sentido para las personas a las que les leen las páginas mediante software de asistencia. En su lugar, utilice subtítulos para identificar las imágenes.

Sin texto fluido

Aunque la mayoría de las miniaturas se combinan con texto fluido y se colocan a la derecha o a la izquierda, también puedes colocar una miniatura sin texto fluido a su alrededor. Una forma es centrarlo, usando centero centre:

[[ Archivo : Wikipedesketch.png | pulgar | centro | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]

También puedes colocar la imagen a la izquierda, sin texto fluido, usando none:

[[ Archivo : Wikipedesketch.png | pulgar | ninguno | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]

Tamaños de miniaturas

De forma predeterminada, las imágenes en miniatura en Wikipedia tienen un ancho de 220 píxeles (px). Este ancho lo utilizan los lectores típicos que no han iniciado sesión o que no han cambiado sus preferencias. Puede establecer un ancho predeterminado diferente en Mis preferencias en "Apariencia » Archivos". Las opciones son 120 px, 150 px, 180 px, 200 px, 220 px, 250 px, 300 px y 400 px. Cualquier imagen más estrecha que el ancho preferido se muestra con el ancho más estrecho.

Las imágenes al lado del texto generalmente deben usar un título y la thumbopción (miniatura); el valor predeterminado da como resultado una pantalla de 220 píxeles de ancho (170 píxeles si uprightse usa la opción), excepto para aquellos usuarios que han iniciado sesión y que han establecido un valor predeterminado diferente en sus preferencias de usuario. En general, no defina el tamaño de una imagen a menos que exista una buena razón para hacerlo. Algunos usuarios tienen pantallas pequeñas o necesitan configurar sus sistemas para mostrar texto grande; Las miniaturas grandes "forzadas" pueden dejar poco ancho para el texto, lo que dificulta la lectura. Además, forzar un tamaño de imagen "más grande", digamos 260 px, en realidad la hará más pequeña para aquellos con un tamaño más grande configurado como preferencia.

A veces, una imagen puede beneficiarse de un tamaño distinto al predeterminado; consulte la política de uso de imágenes para obtener orientación.

Normalmente, el tamaño debe especificarse como un valor relativo al tamaño base preferido del usuario, utilizando el |upright=parámetro en lugar de los valores de píxeles.
Cuando sea apropiado forzar el tamaño, las imágenes más grandes generalmente no deben tener más de 500 píxeles de alto y 400 píxeles de ancho, para que puedan visualizarse cómodamente en las pantallas más pequeñas de uso común.
Las imágenes principales no suelen tener más de 300 píxeles de ancho. Esto equivale a usar upright=1.35si el ancho de miniatura predeterminado es 220 px (220 multiplicado por 1,35 y luego redondeado al múltiplo de 10 más cercano es igual a 300), pero valores predeterminados más grandes en las preferencias del usuario darán como resultado imágenes proporcionalmente más grandes (340 px si el valor predeterminado es 250 px, 410 px si el valor predeterminado es 300 px, o 540 px si el valor predeterminado es 400 px).

Dado que el software MediaWiki escala dinámicamente las imágenes en línea, no existe ninguna razón técnica para reducir el tamaño del archivo mediante el escalado o la reducción de calidad al cargar imágenes, aunque las imágenes que no son libres pueden requerir escalamiento debido a cuestiones de derechos de autor (consulte las pautas de resolución de imágenes no libres ). Además, comprimir archivos PNG puede resultar útil, porque los archivos PNG se pueden cambiar de tamaño de forma segura sin perder calidad.

El comportamiento predeterminado puede hacer que una imagen alta y delgada resulte demasiado grande. Por ejemplo:

[[ Archivo : Amón.svg | pulgar | alt = Perfil de cuerpo entero de un hombre con ropa egipcia antigua. Tiene la piel de color marrón rojizo y lleva un casco con altas plumas amarillas. | El dios egipcio Amón, retratado antes del período de Amarna ]]

Imágenes verticales

La uprightopción puede ayudar a solucionar este problema informando al sistema de diseño de Wikipedia que la imagen debe tener un ancho más estrecho de lo habitual:

[[ Archivo : Amón.svg | pulgar | vertical | alt = Perfil de cuerpo entero de un hombre con ropa egipcia antigua. Tiene la piel de color marrón rojizo y lleva un casco con altas plumas amarillas. | El dios egipcio Amón, retratado antes del período de Amarna ]]

La uprightopción normalmente crea una imagen que tiene aproximadamente el 75% del ancho predeterminado. El ancho exacto se calcula comenzando con el ancho predeterminado de la miniatura, multiplicándolo por 0,75 y redondeando al múltiplo más cercano de 10. Normalmente, el ancho predeterminado es 220 px, por lo que una imagen vertical tiene 170 px de ancho; cambiar el ancho predeterminado dentro del rango de 120 px a 400 px da como resultado anchos de imagen verticales que van desde 90 px a 300 px.

Reducir aún más las imágenes verticales

Si el factor vertical 0,75 es demasiado grande o demasiado pequeño, se puede especificar explícitamente. Un factor de 1,0 utiliza el ancho de miniatura predeterminado, que es lo mismo que no especificar uprightnada con la thumbopción; un factor menor o mayor que 1,0 crea una imagen más pequeña o más grande que la predeterminada. Por ejemplo:

[[ Archivo : Amón.svg | pulgar | vertical = 0,56 | alt = Perfil de cuerpo entero de un hombre con ropa egipcia antigua. Tiene la piel de color marrón rojizo y lleva un casco con altas plumas amarillas. | El dios egipcio Amón, retratado antes del período de Amarna ]]

Imágenes cortas y anchas

Las imágenes cortas y anchas a veces se benefician de uprightfactores superiores a 1,0. Los factores superiores a aproximadamente 2,5 pueden generar imágenes grandes que causan problemas con algunos navegadores; Para conocer una forma de manejar imágenes más amplias, consulte Panorámicas a continuación. Por ejemplo:

[[ Archivo : Köppen-vereinfacht.svg | pulgar | centro | vertical = 2,0 | alt = Mapa del mundo. Una banda color canela se extiende desde el norte de África hasta el centro de China; la mayor parte de Australia y partes de Sudáfrica y el oeste de América también son bronceados. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte del territorio cerca del ecuador. Las zonas polares son blancas y el norte está bordeado de azul claro. | Macroclimas de la tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo. ]]

Tenga cuidado de no estirar demasiado las imágenes cuyo archivo original es bastante pequeño (excepto con imágenes SVG, ver más abajo). Si el archivo original tiene 120 píxeles de ancho y se extiende más allá de eso, los píxeles que lo componen comenzarán a ser visibles.

Las imágenes SVG son una excepción: al ser imágenes vectoriales , no tienen píxeles, solo instrucciones sobre cómo dibujar la imagen que se pueden ampliar indefinidamente, y el "tamaño de la imagen" en la descripción del archivo es arbitrario.

Ancho en píxeles

También puede mostrar una imagen de un ancho específico. Normalmente, si especifica un ancho en píxeles, debe ser al menos 300 px. Los anchos superiores a aproximadamente 550 px pueden causar problemas con algunos navegadores, como se indicó anteriormente.

[[ Archivo : Köppen-vereinfacht.svg | pulgar | centro | 400px | alt = Mapa del mundo. Una banda color canela se extiende desde el norte de África hasta el centro de China; la mayor parte de Australia y partes de Sudáfrica y el oeste de América también son bronceados. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte del territorio cerca del ecuador. Las zonas polares son blancas y el norte está bordeado de azul claro. | Macroclimas de la tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo. ]]

Mapa del mundo. Una banda color canela se extiende desde el norte de África hasta el centro de China; la mayor parte de Australia y partes de Sudáfrica y el oeste de América también son bronceados. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte del territorio cerca del ecuador. Las zonas polares son blancas y el norte está bordeado de azul claro. — Macroclimas de la tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo.

Altura en píxeles

Para especificar la altura exacta de una imagen, dejando que la escala del ancho coincida, anteponga la altura con x. El siguiente ejemplo cambia el tamaño de la imagen a una altura de 60 píxeles:

[[ Archivo : Bandera de Escocia.svg | pulgar | centro | x60px | alt = Cruz diagonal blanca sobre fondo azul | Bandera de Escocia ]]

Bandera de Escocia

Ancho o alto en píxeles, lo que haga la imagen más pequeña

Si especifica tanto el ancho como el alto de una imagen, su tamaño se ajustará al valor que la haga más pequeña. Esto hará que una imagen quepa en un área determinada, independientemente del tamaño real de la imagen. Dado que las proporciones de Archivo: Bandera de Escocia.svg son 5 × 3, al especificar un ancho de 120 px se genera una imagen de 120 × 72 px, y al especificar una altura de 60 px se genera una imagen de 100 × 60 px, por lo que un campo de tamaño de 120x60pxgenera el menor de los dos, es decir, la imagen de 100×60px:

[[ Archivo : Bandera de Escocia.svg | pulgar | centro | 120x60px | alt = Cruz diagonal blanca sobre fondo azul | Bandera de Escocia ]]

Bandera de Escocia

Recuento de píxeles frente a factores verticales

A pesar de su nombre, el parámetro "vertical" ahora se utiliza tanto para imágenes altas como anchas. Aunque los recuentos de píxeles son más fáciles de entender que los factores verticales, se ajustan menos a las preferencias del usuario. Por ejemplo, supongamos que una imagen contiene algunos detalles y, de forma predeterminada, es demasiado pequeña y desea aumentarla en aproximadamente un 10 %. Aunque upright=1.1y 240pxhace el trabajo igualmente bien en el caso común en el que el ancho predeterminado es 220 píxeles, muchos de los usuarios que establecen el ancho predeterminado en 300 píxeles para trabajar mejor con sus pantallas de alta resolución se molestarán 200pxporque hará que la imagen un tercio más pequeño que su tamaño preferido. Por el contrario, upright=1.1les mostrará la imagen con un ancho de 330 píxeles, y es más probable que esto funcione bien en sus pantallas.

Para aclarar, "vertical=0.75" es equivalente a "vertical", y "vertical=1" deja la imagen en su tamaño predeterminado (220px cuando no se ha iniciado sesión), lo que equivale a no usar "vertical" en absoluto. Por conveniencia, algunas conversiones son las siguientes:

Los recuentos de píxeles suelen ser mejores que los factores verticales para mostrar combinaciones de imágenes, algunas de las cuales tienen tamaños conocidos y limitados, y para mostrar iconos pequeños que deben combinarse con texto.

Tamaño nativo

Reemplazar thumbcon framehace que la imagen se muestre en su tamaño nativo, es decir, el tamaño con el que se cargó originalmente. Este uso es obsoleto y no debe utilizarse porque resulta perjudicial para muchas pantallas, especialmente los dispositivos móviles. En cambio, si un artículo sería mejor con imágenes redimensionadas de alguna manera distinta a la predeterminada, use el parámetro "vertical". Los usuarios deben establecer sus propias preferencias si desean cambiar el tamaño de las imágenes y los autores de artículos no deben hacerlo. Si alguien tiene una justificación para usar la función de marco, compártala en la página de discusión. Como referencia histórica, aquí hay un ejemplo de su uso:

[[ Archivo : Wikipedesketch.png | marco | centro | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]

La Wikipede edita Myriapoda .

Panorámicas

No se deben colocar imágenes muy grandes directamente en los artículos, ya que causan problemas en algunos entornos de navegador. Las imágenes con un ancho superior a 550 px suelen tratarse mejor como una panorámica, que se puede crear con la plantilla {{ Imagen ancha }}. Por ejemplo:

{{ imagen ancha | Helsinki z00.jpg | 1800px | alt = Panorama de la ciudad con una mezcla de edificios de cinco a diez pisos |[[ Helsinki ]] tiene muchos edificios. }}

Helsinki tiene muchos edificios.

Archivos DjVu y PDF

Por Thomas Crane

esta es la pagina 2

Las imágenes se pueden extraer de archivos DjVu o PDF , con un parámetro de página opcional . Por ejemplo:

[[ Archivo : En el extranjero - 1882.djvu | pulgar | derecha | 150 píxeles | Por Thomas Crane | página = 13 ]]

[[ Archivo : Cenicienta (1865).pdf | pulgar | izquierda | 150px | Esta es la página 2 | página = 2 ]]

Evitar acumulaciones

Atajo

WP: APILAMIENTO

Uno de los problemas que enfrentan muchos usuarios de imágenes flotantes es que a veces varias imágenes se acumulan verticalmente, especialmente en pantallas grandes e imágenes anchas. Por ejemplo, en muchos navegadores las dos imágenes a la derecha de este texto se acumulan de manera extraña.

A menudo, la mejor solución para esto es simplemente agregar más texto, como se hace a continuación, pero a veces esto no es posible. Las siguientes subsecciones muestran algunas otras posibles soluciones al problema.

Alternando izquierda y derecha

Quizás la forma más sencilla de manejar varias imágenes flotantes sea alternarlas de izquierda a derecha (o de derecha a izquierda); De esta manera no entran en contacto entre sí y, por lo tanto, no pueden apilarse de forma poco atractiva. Sin embargo, esto tiene una desventaja: las personas con resoluciones de pantalla muy bajas (como aquellos que usan netbooks ) pueden encontrar el resultado demasiado incómodo, aunque aún sea legible.

Co-alineación

Es común tener dos imágenes que lógicamente conviene agrupar. La plantilla {{ multiple image }} es una forma de hacer esto. Por ejemplo:

Dos tarjetas utilizadas por los árbitros de fútbol

{{ imagen múltiple  | ancho = 80 | pie de página = Dos tarjetas utilizadas por los árbitros de fútbol | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión }}

La misma plantilla también puede alinear imágenes verticalmente:

Dos tarjetas utilizadas por los árbitros de fútbol

{{ imagen múltiple  | dirección = vertical | ancho = 80 | pie de página = Dos tarjetas utilizadas por los árbitros de fútbol | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión }}

Galerías

Una galería muestra varias imágenes en una matriz o diseño similar. Antes de crear una galería, lee la política de uso de imágenes para galerías . Generalmente, no se debe agregar una galería siempre que haya espacio para que las imágenes se presenten de manera efectiva junto al texto.

Técnicamente, una galería se puede realizar de diferentes formas. Un método simple y flexible es la sintaxis de tablas . Por ejemplo:

{| estilo = "margen: 0 auto;" |  [[ Archivo : Philipp Veit 008.jpg | pulgar | vertical | alt = Mujer vestida con túnica, sentada, con una espada en su regazo | Philipp Veit, ''Alemania'' , 1834–36 ]] |  [[ Archivo : Imagen Germania (pintura).jpg | pulgar | vertical | alt = Mujer con túnica, de pie, sosteniendo una espada | Philipp Veit, ''Alemania'' , 1848 ]] |  [[ Archivo : Memorial de Niederwald 2.JPG | pulgar | vertical | alt = Monumento de una mujer vestida con una túnica, de pie, sosteniendo una corona en una mano y una espada parcialmente envainada en la otra | Johannes Schilling, ''Alemania'' , 1871–83 ]] |}

Otra forma sencilla es la etiqueta especializada, que funciona así:<gallery>

< galería >Archivo:Wiki.png|Título 1Archivo:Wiki.png|Título 2</ galería >

Que produce:

Título 1
Título 2

También puede especificar texto alternativo y otros parámetros de representación de imágenes, como el número de página para archivos PDF:

<galería>
William Blake, un ensayo crítico (Swinburne).pdf|Libro de [[ Algernon Charles Swinburne ]]|alt=Página 1 de William Blake, un ensayo críticoWilliam Blake, un ensayo crítico (Swinburne).pdf|alt=Página 2 de William Blake, un ensayo crítico|page=2</galería>

Que produce:

Libro de Algernon Charles Swinburne

La etiqueta de la galería también ofrece algunos parámetros, comoanchos,alturasymodoentre otros. La documentación completa está disponible en mw:Ayuda:Images#Gallery sintaxis. Por ejemplo:

<gallery mode="packed-hover" heights="180">
Archivo:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[ Galerella sanguinea ]]'' (Mangosta delgada)Archivo:Felis silvestris silvestris.jpg|''[[ Felis silvestris | Felis silvestris silvestris ]]''Archivo:Gato de seis semanas (también conocido como).jpg|''[[ Felis silvestris catus ]]'' (Un gato joven)Archivo:Felis catus-gato en la nieve.jpg|''[[ Felis catus ]]'' (gato en la nieve)Archivo:Gato cansado de 20 años.jpg|''[[ Felis silvestris catus ]]'' (Gato cansado de 20 años)Archivo:Gato Noviembre 2010-1a.jpg|''[[ Felis silvestris catus ]]'' (Gato)Archivo:Felis silvestris silvestris Luc Viatour.jpg|''[[ Felis silvestris silvestris ]]'' (gato montés europeo)Archivo:June odd-eyed-cat cropped.jpg|''[[ Felis catus ]]'' (Gato doméstico)Archivo:Lynx gatito.jpg|''[[ Lynx lynx ]]'' (Un lince joven) </galería>

produce:

Galerella sanguinea (mangosta delgada)
Felis silvestris silvestris
Felis silvestris catus (Un gato joven)
Felis catus (gato en la nieve)
Felis silvestris catus (gato cansado de 20 años)
Felis silvestris catus (Gato)
Felis silvestris silvestris (gato montés europeo)
Felis catus (gato doméstico)
Lynx lynx (Un lince joven)

La plantilla {{ Gallery }} ofrece un tercer método:

{{ Galería | título = Representaciones culturales de George Washington | ancho = 160 | altura = 170 | alinear = centrar | Archivo:Salón Federal de Nueva York 27.JPG | alt1 = Detrás de la estatua frente a un edificio de la ciudad cuya fachada son columnas griegas cubiertas por una enorme bandera estadounidense | La estatua de Washington afuera del [[ Federal Hall ]] en [[ Nueva York ]] , mirando a [[ Wall Street ]] .| Archivo:Monte Rushmore2.jpg | alt2 = Perfil de cara de piedra que sobresale de la ladera de una montaña. Tres trabajadores trepan por encima, cada uno aproximadamente a la altura del labio superior de la cara. | Construcción del retrato de George Washington en el [[ Monte Rushmore ]] , c. 1932. | Archivo:2014 ATB Quarter Obv.png | alt3 = Moneda de plata con perfil del busto de Washington. Tiene un rostro majestuoso hacia la izquierda y lleva una coleta de estilo colonial en el pelo. "ESTADOS UNIDOS DE AMÉRICA" está en la parte superior, "CUARTO DE DÓLAR" en la parte inferior, "LIBERTAD" a la izquierda y "EN DIOS CONFIAMOS" encima de la "P" a la derecha. Justo debajo del busto está "JF uc" en letras minúsculas. | Washington se conmemora en el [[ Quarter (moneda de Estados Unidos) | cuarto ]] .| Archivo:Anverso de la moneda presidencial de $1 de George Washington.png | alt4 = Moneda de oro con el busto de Washington mirando ligeramente a la izquierda pero mirando severamente al espectador. "GEORGE WASHINGTON" está arriba, "1er PRESIDENTE 1789–1797" abajo y "JFM" en letras minúsculas en la base del busto. | Washington también se conmemora con unas [[ moneda de dólar (Estados Unidos) | monedas de un dólar ]] .}}

Representaciones culturales de George Washington

La estatua de Washington frente al Federal Hall en la ciudad de Nueva York , mirando a Wall Street .
Construcción sobre el retrato de George Washington en el Monte Rushmore , c. 1932.
Washington se conmemora en el trimestre .
Washington también se conmemora en algunas monedas de un dólar .

Forzando un descanso

Como último recurso, puede forzar al navegador a insertar un salto, haciendo que todo el texto y las imágenes aparezcan debajo de la parte inferior de la primera imagen. Esto puede producir lagunas bastante poco atractivas, especialmente en el texto adjunto. Recuerde que el texto fluirá y se ajustará de manera diferente para otros usuarios, según el navegador elegido, la resolución de pantalla, el tamaño de fuente predeterminado, las opciones de accesibilidad, la cantidad de barras de herramientas y barras laterales (como paneles de mensajería instantánea) y más. No fuerce el diseño de la página sólo para que se vea bonito en su pantalla. Hackea sólo cuando sea absolutamente necesario. Siempre que sea posible, utilice simplemente el flujo de página lógico más simple.

{{ claro }}

Imágenes simples

La mayoría de las imágenes de los artículos son miniaturas, pero a veces las necesidades más especializadas requieren un control más detallado. Se puede insertar una imagen simple sin formato con:

[[File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]

En esta imagen simple, el texto A cartoon centipede reads books and types on a laptop.no es visible como título. En cambio, aparece como el texto del título de la imagen, que comúnmente se muestra como información sobre herramientas al pasar el mouse sobre ella . En una miniatura, el texto alternativo por defecto está vacío, pero el texto alternativo de una imagen simple por defecto es el texto del título, si se proporciona, y el nombre del archivo de la imagen, si no; este valor predeterminado se puede anular con una opción explícita. El texto del título, al igual que el texto alternativo, ignorará cualquier marcado Wiki.alt=Alt text

Una imagen simple se puede colocar en cualquier parte del artículo y actúa como un carácter grande en el texto, de modo que el texto cercano no flote ni se enrolle alrededor de ella. Por ejemplo:

Nota: Para lograr una imagen simple con un título, se puede usar {{ Imagen simple con título }}. El título se agrega automáticamente como título y texto alternativo de la imagen, y cualquier marcado wiki utilizado en él se mostrará correctamente en el título, pero se eliminará automáticamente del texto alternativo y del título. Vea un ejemplo aquí .

Tamaños de imagen simples

Una imagen simple tiene por defecto el tamaño nativo de la imagen. Esto se puede anular con un tamaño explícito. Por ejemplo:

[[File:Wikipedesketch.png|50px|A cartoon centipede reads books and types on a laptop.]]

La framelessopción hace que una imagen simple tenga por defecto el mismo tamaño que una miniatura. Al igual que con las miniaturas, el valor predeterminado se puede ajustar con la opción. Si utiliza el valor predeterminado común de 220 píxeles para el ancho de las miniaturas, el ancho de la imagen de ejemplo siguiente será de 220 × 0,2 píxeles, que se redondea a 40 píxeles:upright=factor

[[File:Amun.svg|frameless|upright=0.2|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]

Borde

La borderopción agrega un borde de un píxel, que puede resultar útil cuando es importante distinguir la imagen del fondo. Aquí está la misma imagen con y sin borde.

[[File:Flag of Japan.svg|border|30px|White flag containing solid red circle]]

[[File:Flag of Japan.svg|30px|White flag containing solid red circle]]

Esto genera " " .

Colocación horizontal

Al igual que las miniaturas, las imágenes simples pueden flotar hacia la izquierda o hacia la derecha con el texto fluyendo a su alrededor; o centrado o puesto a la izquierda sin flujo de texto. La única diferencia es que el rightparámetro es necesario para hacer flotar una imagen simple hacia la derecha, mientras que flotar hacia la derecha es el valor predeterminado para las miniaturas. Por ejemplo:

[[File:Wikipedesketch.png|right|A cartoon centipede reads books and types on a laptop.]]

Alineamiento vertical

Cuando aparece una imagen simple en el texto, se alinea de modo que su centro vertical esté aproximadamente donde estaría el centro de una "x" minúscula; si la imagen es más grande que la línea, sobresale tanto por arriba como por abajo. La sintaxis de alineación vertical proporciona varias opciones para ajustar esto. Por ejemplo, la baselineopción:

x[[File:Flag of Hungary vertical.svg|baseline|8px|Vertical version of horizontal tricolor flag (red, white, green)]]x

genera " xx " en lugar del valor predeterminado " xx ". Las opciones disponibles para la alineación vertical, junto a la salida que generan, son , (el valor predeterminado), , , , , y .baselinemiddlesubsupertext-toptext-bottomtopbottom

Enlaces

Quizás esté buscando enlaces en línea a imágenes externas. Esto no esta permitido; consulte el Manual de estilo de Wikipedia sobre enlaces en línea .

Normalmente, una imagen enlaza con su página de imagen, que describe la imagen, quién la creó y enlaza con la imagen original en resolución completa. Esto suele ser lo mejor para el lector y, a menudo, lo exige la elección por parte del usuario de una licencia CC-BY-SA para la imagen.

Si la imagen es de dominio público y no requiere atribución a quien la subió, puede crear una imagen simple que enlace a alguna otra ubicación usando la linkopción.

Para vincular a otra página, especifique su nombre en la opción de vínculo junto con un título apropiado que indique a los lectores lo que sucederá si hacen clic en el vínculo. Este título sirve como texto de título para la información sobre herramientas y como texto alternativo para lectores con discapacidad visual. Por ejemplo, [[File:Flag of France.svg|20px|link=France|France]]genera una bandera.que enlaza con el artículo Francia .

Para vincular a un sitio externo, especifique su URL en la opción de vínculo junto con un título apropiado. Por ejemplo, [[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|Belgium government portal]]genera una bandera.que enlaza con el portal en inglés del gobierno belga.

Para vincular a otro sitio de Wikimedia, utilice la abreviatura del sitio. Por ejemplo, [[File:Orcus symbol.svg|20px|link=wikt:🝿]]genera, que enlaza con la entrada del Wikcionario (inglés) para ese símbolo.

Una imagen puramente decorativa, que no transmite información y no hace nada cuando se hace clic en ella, se puede especificar con un atributo alt vacío. Por ejemplo, [[File:Flag of the United States.svg|20px|link=|alt=]]genera una bandera que es puramente decorativa. Sin embargo, los archivos puramente decorativos solo se pueden utilizar legalmente de esta manera si son de dominio público o cumplen con WP:NFCC .

Mapas de imágenes

Puede vincular diferentes partes de una imagen a diferentes ubicaciones utilizando un mapa de imágenes. Por ejemplo, en la imagen de la derecha, hacer clic en un círculo que corresponde aproximadamente al retrato de la izquierda lleva al lector a William Jennings Bryan , hacer clic en el retrato de la derecha va a Arthur Sewall y hacer clic en cualquier otro lugar va a http://projects.vassar.edu/1896/democrats.html. Esta imagen es generada por el siguiente marcado:

<mapa de imágenes>File:Bryan-Sewall.jpg|300px|right|alt=1896 Póster de la campaña demócrata con los nominados William J. Bryan de Nebraska para presidente y Arthur Sewall de Maine para vicepresidentecírculo 950 850 700 [[ William Jennings Bryan | William J. Bryan ]]círculo 2950 850 700 [[ Arthur Sewall ]]predeterminado [ http://projects.vassar.edu/1896/democrats.html Demócratas de 1896] </imagemap>

Este marcado de mapa de imágenes especifica que el texto del título (información sobre herramientas) para las tres regiones es "William J. Bryan", "Arthur Sewall" y "1896 Democrats", respectivamente. El texto alternativo de una región de mapa de imágenes es siempre el mismo que el texto del título; El texto alternativo de la imagen general se proporciona en la primera línea del marcado del mapa de imagen. Las dimensiones nativas de la imagen subyacente son 3916×1980 y las coordenadas se dan en estas dimensiones en lugar de en el cambio de tamaño de 300px. Como se describe en la documentación del mapa de imágenes, las regiones se pueden especificar como círculos, rectángulos y polígonos arbitrarios, y el icono azul "i" se puede mover o suprimir. Además, la imagen se puede especificar como thumbo frame, lo que significa que tiene texto alternativo y un título de la forma habitual, con un ícono de doble rectángulo en lugar del ícono azul "i" .

Para hacer esto fácilmente, puede utilizar un gadget de Commons , llamado ImageMapEdit , de Dario D. Müller (ImageMapEdit_Howto). Para usarlo, primero debe habilitar ImageMapEdit (haciendo clic en la casilla de verificación) en la página del widget Preferencias (que se encuentra al final del segundo grupo de gadgets).

Luego, debajo de una imagen de Commons aparece el enlace ImageMapEdit > , que activa el widget.

Veamos el ejemplo de un ojo, en el que seleccionaremos con un círculo la zona de la córnea :

Seleccionar el área de la córnea de un ojo.

Copie el contenido del wikicode generado en el portapapeles . Con Editar (fuente) , pega el contenido del portapapeles en el artículo (ocasionalmente una plantilla, y en este caso: en esta ayuda) de Wikipedia, según corresponda.

<mapa de imágenes>Archivo:Ojo de águila (búho).JPG|círculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</mapa de imagen>

Añade en el código (<imagemap>...) de la imagen (ya copiada en el artículo) el ancho que creas adecuado (en este caso hemos elegido 250px) en la línea del nombre del archivo, como se muestra:

<mapa de imágenes>Archivo:Ojo de águila (búho).JPG|250pxcírculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</mapa de imagen>

El resultado será:

Intente mover el cursor del mouse sobre la córnea.

ImageMap no está habilitado para contener un pie de página, por este motivo debemos incluir el código anterior en una tabla. Por ejemplo:

{|class="wikitable" width="256" align=izquierda| <mapa de imágenes>Archivo:Ojo de águila (búho).JPG|250pxcírculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</mapa de imagen>|-| Haga clic en la córnea {{ pequeña|(indicada por el cursor del mouse) }} en la imagen del ojo del búho real.|}{{ - }}

Superponer anotaciones en una imagen

Algunos diagramas se cargan sin texto, para que puedan usarse en varios idiomas; o es posible que desee agregar enlaces a una imagen en los que se pueda hacer clic. En tales casos, se pueden agregar anotaciones de texto a una imagen con las plantillas Plantilla:Imagen anotada o Plantilla:Imagen anotada 4 .

Estas plantillas permiten incluir wikitexto (por ejemplo, texto normal, enlaces wiki y plantillas de referencia) en la propia imagen. También se pueden usar para recortar una imagen y enfocarla en una parte particular de ella o, alternativamente, expandir el área blanca alrededor de una imagen para una mejor ubicación del wikitexto.

Vincular sin mostrar

Digamos que desea vincular la imagen sin mostrarla. Puede hacerlo agregando dos puntos antes del prefijo "Archivo:". Puedes llevarlos a la página de la imagen, donde les dice quién la subió, cuándo, cuál es el estado de los derechos de autor, etc.:

[[:File:Wikipedesketch.png]]

Archivo:Wikipedesketch.png

Puedes hacer que el enlace diga lo que quieras.

[[:File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]

Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil.

Cuando se hace clic en el enlace, la imagen se muestra con otra información de texto en un tamaño razonable. El usuario puede hacer clic en la imagen de tamaño mediano resultante para acceder a la imagen de mayor resolución en tamaño completo.

También puedes enviar al usuario directamente a la imagen:

[[Media:Wikipedesketch.png]]

Medios: Wikipedesketch.png

Esto dice Media:en lugar de File:. Cuando el usuario hace clic en el enlace, el navegador va directamente a la imagen. Como antes, puedes cambiar el texto para que diga lo que quieras.

[[Media:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]

Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil.

Esto puede resultar incómodo si la imagen es bastante grande, ya que se mostrará la imagen en tamaño completo cuando el usuario haga clic en el enlace.

Finalmente, puede vincular una imagen desde el pequeño ícono de doble rectángulo de una miniatura , pero mostrar otra imagen usando " ". Esto está pensado para los raros casos en los que el software de Wikipedia que reduce imágenes a miniaturas hace un mal trabajo y usted desea proporcionar su propia miniatura. En el siguiente ejemplo, el doble rectángulo enlaza a File:Anime stub 2.svg pero la imagen mostrada es File:Anime stub.png :|thumb=Displayed image name

Armando el rompecabezas

[[File:Anime stub 2.svg|thumb=Anime stub.png |alt=Head of cute girl, manga-style, with blue hair, big eyes and smile, and gray puzzle pieces below and around her hair |Putting the puzzle together]]

Marcos de imagen

Se pueden mostrar varias imágenes en un marco de imagen :

{{ Marco de imagen | ancho = 200 | content = [[ Archivo : Demostración de transparencia PNG 1.png | 100px ]][[ Archivo : Estrellas Blancas 3.svg | 100px ]] | caption = Ejemplo de uso | enlace = Hola mundo | alinear = centrar }}

Uso de ejemplo

También se pueden recortar y apilar dentro del marco:

Imágenes recortadas en un marco.

{{ Marco de imagen | alinear = izquierda | borde = no | caption = Imágenes recortadas en un marco | contenido = {{ pila |{{ recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | bTamaño = 400 | cAncho = 100 | cAltura = 100 | oArriba = 180 | oIzquierda = 60 }} |{{ Recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | bTamaño = 400 | cAncho = 100 | cAltura = 100 | oArriba = 180 | oIzquierda = 60 }} }} {{ pila |{{ recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | bTamaño = 400 | cAncho = 100 | cAltura = 100 | oArriba = 180 | oIzquierda = 60 }} |{{ Recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | bTamaño = 400 | cAncho = 100 | cAltura = 100 | oArriba = 180 | oIzquierda = 60 }} } } }}

En caso de que una imagen no se reproduzca

Si la imagen no se representa y en su lugar se muestra el código wiki en el artículo, puede deberse a las siguientes causas:

La sintaxis de la imagen está incompleta o es incorrecta.
El título puede tener etiquetas de enlace incompletas, especialmente [[s y ]] no emparejadas que se interpretan como sintaxis de imagen.
La imagen anterior puede tener una sintaxis de imagen incorrecta, especialmente un ]] incompleto al final.
Se deben seguir las mayúsculas en el código wiki; por lo tanto, si un archivo de imagen es Imagen:Foto de Wikipede.JPG , necesitarás usar letras mayúsculas para "JPG".
La imagen está en la lista negra de MediaWiki:Lista de imágenes incorrectas . Considere solicitar su eliminación en la charla de MediaWiki: Lista de imágenes incorrectas .

Consejos

Al colocar o cambiar el tamaño de las imágenes, suele ser mejor editar la página completa, en lugar de solo una sección, para evitar superposiciones inesperadas con otras secciones del artículo.
Antes de publicar cualquier imagen, tenga en cuenta que pueden contener datos ocultos. Estos datos pueden incluir comentarios que no se muestran, metadatos Exif y mensajes ocultos mediante esteganografía .
Las imágenes se pueden rotar, reflejar, escalar y recortar usando las plantillas {{ Transform-rotate }}, {{ MirrorH }}, {{ CSS image crop }}.

Ver también

Un folleto de la Fundación Wikimedia en formato PDF que presenta a los recién llegados a Wikimedia Commons y cómo pueden contribuir a él.

MediaWiki tiene documentación relacionada con: Ayuda: Imágenes

Archivos de ayuda
Wikipedia: asistente de artículos
Ayuda: Sección : indica cómo colocar la tabla de contenido (TOC) de un artículo dentro del flujo de imágenes.
{{ Medios externos }}
Wikipedia: sintaxis de imagen extendida
Wikipedia: Laboratorio de gráficos : asistencia para editar o mejorar imágenes
Wikipedia: tutoriales de gráficos : cómo crear tus propias imágenes
Wikipedia: cómo crear gráficos para artículos de Wikipedia
Wikipedia: cómo mejorar la calidad de la imagen
Wikipedia: Imágenes
Wikipedia: Manual de estilo § Imágenes
Wikipedia: Manual de Estilo/Imágenes
Wikipedia: preguntas sobre derechos de autor de los medios
Wikipedia: preparación de imágenes para cargar
Wikipedia: ayuda SVG
Comunes: Primeros pasos – tutorial
Comunes: subtítulos de archivos
Categoría de recursos comunes
Recursos de imágenes gratuitos: dónde encontrar imágenes gratuitas para usar en Wikipedia
Wikimedia Bookshelf: más tutoriales, vídeos y folletos

Notas

^ File: se puede reemplazar con Image:sin ningún cambio en el efecto; la elección entre los dos es puramente una cuestión de preferencia editorial.