Ayuda: Imágenes

Página de ayuda de Wikipedia sobre cómo agregar imágenes a los artículos

Esta página de ayuda es una guía práctica .

Explica conceptos o procesos utilizados por la comunidad de Wikipedia. No es una de las políticas o pautas de Wikipedia y puede reflejar distintos niveles de consenso .

Atajos

WP: PIC
H: PIC
H:IMAGEN
H:FOTOS
H:IMAGEN

¿Eres nuevo aquí? ¡Bienvenido! Existen versiones simplificadas de esta página en Ayuda:Introducción a las imágenes con el marcado Wiki y Ayuda:Introducción a las imágenes con el editor visual .

Este tutorial explica cómo insertar imágenes en artículos de Wikipedia usando wikitexto . Esta es una de las preguntas más frecuentes. Describe las opciones para especificar la ubicación, el texto alternativo , los títulos, los tamaños y los 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 de Wikimedia Commons .

Si necesita ayuda para cargar una imagen o seleccionar una imagen adecuada para un artículo, consulte la política de uso de imágenes y el Manual de estilo . Las imágenes de la mayoría de los sitios web están protegidas por derechos de autor y no se deben cargar; 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 los 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 un breve resumen, un obstáculo que muchas personas encuentran al intentar 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, no se suelen agregar los corchetes, la cantidad de píxeles y otros detalles de 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 como| imagen =Agregar este código extraño provocará que muchos cuadros de información dejen de funcionar. 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 de archivo/imagen. Por lo tanto, y por ejemplo, siArchivo:Nombre.jpgno funciona, prueba soloNombre.jpg.

Miniaturas

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

Se puede insertar una imagen existente de Wikipedia en inglés o Wikimedia Commons en una página con el wikitexto [[File:...|thumb|Caption text]] básico . ^[a] El uso de thumbgenera una imagen en miniatura , que normalmente tiene un tamaño diferente al de la imagen original. Para obtener orientación sobre el texto de subtítulo que se debe asociar con las imágenes, consulte Wikipedia:Manual de estilo/Subtí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, se muestra una miniatura 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, puede 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 edición de Wikipede '' [[ Myriapoda ]] '' . ]]

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

El texto anterior indica el nombre del archivo de imagen "Wikipedesketch.png", el tipo de imagen "thumb" y la alineación "left", el texto alternativo "A cartoon centipede reads books and type on a laptop." y el título "The Wikipede edits Myriapoda ." Un lector de Wikipedia puede hacer clic en la miniatura, o en el pequeño icono de doble rectángulo que se encuentra debajo, 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 sola línea, ya que utiliza espacios sin saltos de línea. El [[y el primero |deben estar en la misma línea; los demás espacios y saltos de línea se ignoran si están junto a |caracteres o justo dentro de los corchetes. Algunas partes de la sintaxis de la imagen, como el alt=, no permiten espacios ni saltos de línea, y la forma más sencilla de hacerlo bien es omitir los espacios y saltos de línea innecesarios.

El texto alternativo está pensado para lectores con discapacidad visual. A menudo, el pie de foto o el artículo describirán la imagen adecuadamente y, en este caso, puede escribir alt=caption o alt=see attached text . Si se agrega texto alternativo adicional, debe ser una descripción sucinta que cumpla con las políticas de contenido; consulte WP:ALT para obtener más información. A diferencia del texto alternativo, un pie de foto puede contener marcado Wiki como ''[[Myriapoda]]''. El texto del pie de foto se coloca debajo de la imagen.

He aquí nuevamente el mismo ejemplo, esta vez en el contexto de un texto ficticio de Lorem Ipsum coloreado con asteriscos (*) que muestran 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 edición de Wikipede '' [[ Myriapoda ]] '' . ]]

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

A la derecha

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

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

Evite referirse a las imágenes como "estar a la derecha". La ubicación de las imágenes es diferente para los usuarios de la versión móvil de Wikipedia y no tiene sentido para las personas a las que se les lee la página mediante un 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 de hacerlo es centrarla, utilizando centero centre:

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

También puedes colocar la imagen a la izquierda, sin que el texto fluya, usando none:

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

Tamaños de miniaturas

De forma predeterminada, las imágenes en miniatura de Wikipedia tienen un ancho de 220 píxeles (px) si el wikitexto de la imagen no tiene un tamaño definido explícitamente. Este es el ancho determinado por defecto que utilizan los visitantes anónimos y los usuarios que no han personalizado sus preferencias. Puede establecer un ancho predeterminado diferente en Mis preferencias, en "Apariencia » Archivos". Las opciones son 120px, 150px, 180px, 200px, 220px, 250px, 300px y 400px. Cualquier imagen más estrecha que el ancho preferido se muestra con su ancho real, más estrecho, sin estirarse para llenar el ancho preferido.

Las imágenes con 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 hayan iniciado sesión y hayan 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" de, por ejemplo, 260 píxeles, en realidad la hará más pequeña para aquellos que tengan un tamaño más grande establecido 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 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 mostrarse cómodamente en las pantallas más pequeñas de uso común.
Las imágenes principales no deben tener un ancho mayor a 300 px. Esto equivale a usar upright=1.35si el ancho predeterminado de la miniatura es 220 px (220 multiplicado por 1,35 y luego redondeado al múltiplo de 10 más cercano es igual a 300), pero los 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 hay ninguna razón técnica para reducir el tamaño de archivo mediante escalado o reducción de calidad al cargar imágenes, aunque las imágenes que no son libres pueden requerir escalado debido a problemas de derechos de autor (consulte las pautas de resolución de imágenes no libres para obtener más información). Además, comprimir archivos PNG puede ser útil, ya que los archivos PNG se pueden redimensionar de forma segura sin perder calidad.

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

[[ Archivo : Amun.svg | thumb | 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

Esta 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 : Amun.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 de la imagen predeterminada. El ancho exacto se calcula comenzando con el ancho de miniatura predeterminado, multiplicándolo por 0,75 y redondeándolo al múltiplo de 10 más cercano. Normalmente, el ancho predeterminado es de 220 px, por lo que una imagen vertical tiene un ancho de 170 px; cambiar el ancho predeterminado dentro del rango de 120 px a 400 px da como resultado imágenes verticales con un ancho que va de 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, lo que equivale a 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 el valor predeterminado. Por ejemplo:

[[ Archivo : Amun.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 mayores que 1,0. Los factores mayores que 2,5 pueden generar imágenes grandes que causan problemas con algunos navegadores; para ver una forma de manejar imágenes más anchas, consulte Panoramas a continuación. Por ejemplo:

[[ Archivo : Köppen-vereinfacht.svg | pulgar | centro | vertical = 2.0 | alt = Mapa del mundo. Una franja de 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 de color canela. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte de la tierra cerca del ecuador. Las áreas polares son blancas, el norte está bordeado de azul claro. | Macroclimas de la Tierra. Los canela representan el desierto, los verdes oscuros el continente húmedo y los verdes claros la selva tropical. El azul claro y el blanco representan la tundra y el casquete glaciar. ]]

Tenga cuidado de no estirar demasiado las imágenes cuyo archivo original sea muy pequeño (excepto las imágenes SVG, consulte a continuación). Si el archivo original tiene 120 píxeles de ancho y se estira más allá de ese límite, 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 puede ampliar indefinidamente, y el "tamaño de la imagen" en la descripción del archivo es arbitrario.

Ancho en píxeles

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

[[ Archivo : Köppen-vereinfacht.svg | pulgar | centro | 400px | alt = Mapa del mundo. Una franja de 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 de color canela. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte de la tierra cerca del ecuador. Las áreas polares son blancas, el norte está bordeado de azul claro. | Macroclimas de la Tierra. Los canela representan el desierto, los verdes oscuros el continente húmedo y los verdes claros la selva tropical. El azul claro y el blanco representan la tundra y el casquete glaciar. ]]

Mapa del mundo. Una franja de 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 de color canela. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte del territorio cerca del ecuador. Las áreas polares son blancas, y el norte está bordeado de azul claro. — Macroclimas de la Tierra. Los tonos tostados representan el desierto, los verdes oscuros el clima continental húmedo y los verdes claros la selva tropical. El azul claro y el blanco representan la tundra y el manto glaciar.

Altura en píxeles

Para especificar la altura exacta de una imagen y permitir que el ancho se ajuste a la escala, anteponga la altura con x. El siguiente ejemplo cambia el tamaño de la imagen a una altura de 60 px:

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

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

Si especifica tanto el ancho como la altura de una imagen, se ajustará al tamaño que resulte más pequeño. Esto hará que la imagen encaje en un área determinada, independientemente del tamaño real de la imagen. Dado que las proporciones de File:Flag of Scotland.svg son 5×3, especificar un ancho de 120 px genera una imagen de 120×72 px, y especificar una altura de 60 px genera una imagen de 100×60 px, por lo que un campo de tamaño de 120x60pxgenera la imagen más pequeña de las dos, es decir, la imagen de 100×60 px:

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

Recuento de píxeles frente a factores verticales

A pesar de su nombre, el parámetro "vertical" se utiliza ahora 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 bien a las preferencias del usuario. Por ejemplo, supongamos que una imagen contiene algunos detalles y, por defecto, es un poco demasiado pequeña, y desea aumentarla en un 10 %. Aunque upright=1.1y 240pxfuncionan igual de bien para el caso común en el que el ancho predeterminado es de 220 píxeles, muchos de los usuarios que configuran el ancho predeterminado en 300 píxeles para trabajar mejor con sus pantallas de alta resolución se sentirán molestos 200pxporque hará que la imagen sea un tercio más pequeña 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 funcione bien en sus pantallas.

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

escala vertical	tamaño px (predeterminado)
0,2	40 píxeles
0,25	60 píxeles
0,5	110 píxeles
–	170 píxeles
0,75	170 píxeles
1	220 píxeles
(no utilizado)	220 píxeles
1.25	280
1.35	300
1.5	330
1.8	400
2	440
2.25	500
2.5	550

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 íconos pequeños que están destinados a combinarse con texto.

Tamaño nativo

Reemplazar thumbpor framehace que la imagen se muestre en su tamaño original, es decir, el tamaño con el que se cargó originalmente. Este uso está obsoleto y no se debe utilizar porque es perjudicial para muchas pantallas, especialmente los dispositivos móviles. En cambio, si un artículo se vería mejor con imágenes redimensionadas de alguna manera distinta a la predeterminada, utilice 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 los artículos no deben hacerlo. Si alguien tiene una justificación para usar la función de marco, por favor, 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 edición de Wikipede '' [[ Myriapoda ]] '' . ]]

Panoramas

No se deben incluir imágenes muy grandes directamente en los artículos, ya que pueden causar problemas en algunos entornos de navegador. Las imágenes con un ancho mayor a 550 px suelen tratarse mejor como una imagen panorámica, que se puede crear con la plantilla {{ Wide image }} . Por ejemplo:

{{ wide image | 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 página 2

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

[[ Archivo : Abroad - 1882.djvu | pulgar | derecha | 150px | Por Thomas Crane | página = 13 ]]

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

Cómo evitar acumulaciones

Atajo

WP: APILAMIENTO

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

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

Alternando izquierda y derecha

Quizás la forma más fácil de manejar múltiples imágenes flotantes es 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 una manera poco atractiva. Sin embargo, esto tiene una desventaja: las personas con resoluciones de pantalla muy bajas (como las que usan netbooks ) pueden encontrar el resultado demasiado extraño, aunque aún legible. Esto también puede causar conflictos con WP:SANDWICH .

Co-alineación

Es común tener dos imágenes que lógicamente deberían estar agrupadas. La plantilla {{ multiple image }} es una forma de hacerlo. Por ejemplo:

Dos tarjetas utilizadas por los árbitros de fútbol

{{ multiple image  | width = 80 | footer = Dos tarjetas utilizadas por los árbitros de fútbol | image1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Advertencia | image2 = 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 | título1 = Advertencia | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | título2 = Expulsión }}

Galerías

Una galería muestra varias imágenes en una matriz o en un diseño similar. Antes de crear una galería, lea la política de uso de imágenes para galerías . Por lo general, 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 crear de diferentes maneras. Un método simple y flexible es la sintaxis de tabla . Por ejemplo:

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

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

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

Lo cual 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:

<gallery>
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|página=2</galería>

Lo cual produce:

Libro de Algernon Charles Swinburne

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

<gallery mode="packed-hover" heights="180">
Archivo:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[ Galerella sanguinea ]]'' (Mangosta esbelta)Archivo:Felis silvestris silvestris.jpg|''[[ Felis silvestris | Felis silvestris silvestris ]]''Archivo:Gato de seis semanas (aka).jpg|''[[ Felis silvestris catus ]]'' (Un gato joven)Archivo:Felis catus-gato en la nieve.jpg|''[[ Felis catus ]]'' (gato en la nieve)Archivo:Gato de 20 años cansado.jpg|''[[ Felis silvestris catus ]]'' (Gato de 20 años cansado)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 kitten.jpg|''[[ Lynx lynx ]]'' (Un lince joven) </gallery>

produce:

Galerella sanguinea (Mangosta esbelta)
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 {{ Galería }} ofrece un tercer método:

{{ Gallery | title = Representaciones culturales de George Washington | width = 160 | height = 170 | align = center | File:Federal Hall NYC 27.JPG | alt1 = Parte posterior de la estatua frente a un edificio de la ciudad cuya fachada es de columnas griegas cubiertas por una enorme bandera estadounidense | La estatua de Washington afuera del [[ Federal Hall ]] en [[ New York City ]] , mirando hacia [[ Wall Street ]] . | File:Mount Rushmore2.jpg | alt2 = Perfil de una cara de piedra que sobresale de la ladera de una montaña. Tres trabajadores trepan sobre ella, cada uno de ellos a la altura del labio superior de la cara. | Construcción del retrato de George Washington en el [[ Monte Rushmore ]] , c. 1932. | File:2014 ATB Quarter Obv.png | alt3 = Moneda de plata con el perfil del busto de Washington. Mira hacia la izquierda majestuosamente y lleva una coleta de estilo colonial en el pelo. "UNITED STATES OF AMERICA" (ESTADOS UNIDOS DE AMÉRICA) aparece en la parte superior, "QUARTER DOLLAR" (CUARTO DE DÓLAR) en la parte inferior, "LIBERTY" (LIBERTAD) a la izquierda y "IN GOD WE TRUST" (EN DIOS CONFIAMOS) sobre la "P" a la derecha. Justo debajo del busto aparece "JF uc" en letras minúsculas. | Washington está conmemorado en el [[ Quarter (United States coin) | quarter ]] . | Archivo:George Washington Presidential $1 Coin obverse.png | alt4 = Moneda de oro con el busto de Washington mirando ligeramente hacia la izquierda pero mirando severamente al espectador. "GEORGE WASHINGTON" está arriba, "1st PRESIDENT 1789–1797" debajo y "JFM" en letras minúsculas en la base del busto. | Washington también está conmemorado en algunas [[ dollar coin (United States) | dollar coins ]] . }}

Representaciones culturales de George Washington

La estatua de Washington afuera del Federal Hall en la ciudad de Nueva York , mirando a Wall Street .
Construcción del retrato de George Washington en el Monte Rushmore , c. 1932.
Washington es conmemorado en el cuarto .
Washington también se conmemora en algunas monedas de dólar .

Forzando un descanso

Como último recurso, puedes forzar al navegador a insertar un salto de línea, haciendo que todo el texto y las imágenes aparezcan debajo de la parte inferior de la primera imagen. Esto puede producir espacios en blanco poco atractivos, especialmente en el texto que lo acompaña. Recuerda 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 los paneles de mensajería instantánea) y más. No fuerces el diseño de la página solo para que se vea bien en tu pantalla. Modifica el diseño solo cuando sea absolutamente necesario. Siempre que sea posible, usa el flujo de página lógico más simple.

{{ claro }}

Imágenes sencillas

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 se muestra comúnmente como una información sobre herramientas al pasar el mouse sobre ella . En una miniatura, el texto alternativo está vacío de manera predeterminada, pero el texto alternativo de una imagen simple tiene como valor predeterminado el texto del título si se proporciona y el nombre del archivo de la imagen si no se proporciona; 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

Se puede colocar una imagen simple 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 envuelva alrededor de ella. Por ejemplo:

Nota: Para lograr una imagen simple con un título, se puede usar {{ Plain image with caption }} . 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 imágenes simples

Una imagen simple tiene como valor predeterminado el tamaño original 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 de manera predeterminada 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 siguiente imagen de ejemplo será de 220 × 0,2 píxeles, lo 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, lo que puede resultar útil cuando es importante distinguir la imagen del fondo. Aquí se muestra 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 se pueden desplazar hacia la izquierda o hacia la derecha con texto que fluye a su alrededor, o bien centrarlas o colocarlas a la izquierda sin que fluya el texto. La única diferencia es que el rightparámetro es necesario para desplazar una imagen simple hacia la derecha, mientras que la opción predeterminada para las miniaturas es desplazarla hacia la derecha. Por ejemplo:

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

Alineación vertical

Cuando aparece una imagen simple en el texto, se alinea de manera que su centro vertical se encuentre aproximadamente donde estaría el centro de una "x" minúscula; si la imagen es más grande que la altura de la línea, sobresale tanto por encima como por debajo. La sintaxis de alineación vertical ofrece 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 " x x " en lugar del valor predeterminado " x x ". Las opciones disponibles para la alineación vertical, junto a la salida que generan, son , (predeterminada), , , , , y .baselinemiddlesubsupertext-toptext-bottomtopbottom

Campo de golf

Es posible que estés buscando enlaces en línea a imágenes externas. Esto no está permitido; consulta el Manual de estilo de Wikipedia sobre enlaces en línea .

Normalmente, una imagen incluye un enlace a la página de la imagen, que describe la imagen, quién la creó y un enlace a la imagen original en resolución completa. Esto suele ser lo mejor para el lector y, a menudo, es un requisito para la elección de una licencia CC-BY-SA para la imagen por parte del cargador.

Si la imagen es de dominio público y no requiere atribución al cargador, puedes crear una imagen simple que se vincule a otra ubicación usando esta linkopción.

Para vincular a otra página, especifique su nombre en la opción de enlace junto con un título apropiado que indique a los lectores qué sucederá si hacen clic en el enlace. 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 al artículo Francia .

Para vincular a un sitio externo, especifique su URL en la opción de enlace 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 banderaque enlaza con el portal en idioma 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 a la entrada de Wikcionario (en inglés) para ese símbolo.

Una imagen puramente decorativa, que no transmite información ni 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 usar legalmente de esta manera si son de dominio público o cumplen con WP:NFCC .

Mapas de imágenes

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

<mapa de imagen>Archivo:Bryan-Sewall.jpg|300px|right|alt=1896 Cartel de la campaña demócrata con los candidatos 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 imagen especifica que el texto del título (información sobre herramientas) para las tres regiones son "William J. Bryan", "Arthur Sewall" y "1896 Democrats", respectivamente. El texto alternativo para una región de mapa de imagen siempre es el mismo que el texto de su título; el texto alternativo para 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 proporcionan en estas dimensiones en lugar de en el cambio de tamaño de 300 px. Como se describe en la documentación del mapa de imagen, las regiones se pueden especificar como círculos, rectángulos y polígonos arbitrarios, y el icono "i" azul 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 icono de doble rectángulo en lugar del icono "i" azul .

Para hacer esto fácilmente, puedes usar un gadget de Commons , llamado ImageMapEdit , de Dario D. Müller (ImageMapEdit_Howto). Para usarlo, primero debes 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 Commons aparece el enlace ImageMapEdit > , que activa el widget.

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

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

Copiar el contenido del código wiki generado en el portapapeles . Con Editar (fuente) , pegar el contenido del portapapeles en el artículo (en ocasiones una plantilla, y en este caso: en esta ayuda) de Wikipedia, según corresponda.

<mapa de imagen>Archivo:Eagle(owl)-eye.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 imagen>Archivo:Eagle(owl)-eye.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 lo que debemos incluir el código anterior en una tabla. Por ejemplo:

{|clase="wikitable" ancho="256" alineamiento=izquierda| <mapa de imagen>Archivo:Eagle(owl)-eye.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 ratón) }} sobre la imagen del ojo del búho real.|}{{ - }}


Haga clic en la córnea (indicada por el cursor del ratón) sobre la imagen del ojo del búho real.

Superposición de anotaciones en una imagen

Algunos diagramas se cargan sin texto, de modo que se puedan utilizar en varios idiomas; o se puede desear 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 utilizar para recortar una imagen de modo que se centre en una parte concreta de la misma o, alternativamente, para ampliar el área blanca que rodea una imagen para colocar mejor el wikitexto.

Ejemplos de plantillas de imágenes anotadas

Columna vertebral

Dorsal

Lateral superior

Lateral inferior

Ventrolateral

= Frontal

Ejemplo de un diagrama anotado (usando la Plantilla:Imagen anotada 4 ) que tiene enlaces wiki en los que se puede hacer clic y texto superpuesto

La imagen y el título como miniatura, sin anotaciones.

Vincular sin mostrar

Digamos que desea incluir un vínculo a la imagen sin mostrarla. Puede hacerlo agregando dos puntos antes del prefijo "Archivo:". Puede dirigirlos a la página de la imagen, donde se indica 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.

Al hacer 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 obtener la imagen de tamaño completo con la resolución más alta.

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 la imagen en tamaño completo se mostrará cuando el usuario haga clic en el enlace.

Por último, puedes vincular a una imagen desde el icono de rectángulo doble pequeño de una miniatura , pero mostrar otra imagen usando " ". Esto está pensado para los casos excepcionales en los que el software de Wikipedia que reduce las imágenes a miniaturas no funciona bien y quieres proporcionar tu propia miniatura. En el siguiente ejemplo, el rectángulo doble vincula a File:Anime stub 2.svg pero la imagen mostrada es File:Anime stub.png :|thumb=Displayed image name

Cabeza de una linda chica, estilo manga, con cabello azul, ojos grandes y sonrisa, y piezas de rompecabezas grises debajo y alrededor de su cabello. — 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 | contenido = [[ Archivo : PNG transparency demonstrate 1.png | 100px ]][[ Archivo : White Stars 3.svg | 100px ]] | título = Ejemplo de uso | enlace = Hola mundo | alineación = centro }}

Ejemplo de uso

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

Imágenes recortadas en un marco

{{ Marco de imagen | alinear = izquierda | borde = no | título = Imágenes recortadas en un marco | contenido = {{ pila |{{ Recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | Tamaño b = 400 | Ancho c = 100 | Alto c = 100 | Superior = 180 | Izquierda = 60 }} |{{ Recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | Tamaño b = 400 | Ancho c = 100 | Alto c = 100 | Superior = 180 | Izquierda = 60 }} }} {{ pila |{{ Recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | Tamaño b = 400 | Ancho c = 100 | Alto c = 100 | Superior = 180 | Izquierda = 60 }} |{{ Recorte de imagen CSS | Imagen = Rocío sobre la hierba Luc Viatour.jpg | bSize = 400 | cWidth = 100 | cHeight = 100 | oTop = 180 | oLeft = 60 }} }} }}

En caso de que una imagen no se represente

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 es incompleta o incorrecta.
El título puede tener etiquetas de enlace incompletas, especialmente [[s y ]] no emparejados que se interpretan como sintaxis de imagen.
La imagen anterior puede tener una sintaxis de imagen incorrecta, especialmente un ]] incompleto al final
Se debe respetar la mayúscula en el código wiki; por lo tanto, si un archivo de imagen es Image:Photo of Wikipede.JPG , deberá utilizar letras mayúsculas para "JPG".
La imagen está en la lista negra de MediaWiki:Bad image list . Considere solicitar su eliminación en MediaWiki talk:Bad image list .

Consejos

Al colocar o dimensionar imágenes, a menudo es mejor editar la página entera, 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 puede 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 utilizando las plantillas {{ Transform-rotate }} , {{ MirrorH }} , {{ CSS image crop }} .

Véase 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.

Ayuda:Archivos
Wikipedia:Asistente para artículos
Ayuda: Sección : indica cómo posicionar 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 : ayuda 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 los 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 en los medios
Wikipedia:Preparación de imágenes para cargar
Wikipedia:Ayuda SVG
Commons: Primeros pasos – tutorial
Commons:Subtítulos de archivos
Categoría de recursos comunes
Recursos de imágenes gratuitos: dónde encontrar imágenes gratuitas para usar en Wikipedia
Biblioteca Wikimedia: más tutoriales, vídeos y material de apoyo

Notas

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

[1] File: puede reemplazarse Image:sin ningún cambio en el efecto; la elección entre los dos es puramente una cuestión de preferencia editorial.