Ayuda: Imágenes

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

Detalla los procesos o procedimientos de algunos aspectos de las normas y prácticas de Wikipedia. No es una de las políticas o pautas de Wikipedia , y puede reflejar diferentes niveles de consenso e investigación .

Atajos

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

Este tutorial explica cómo insertar imágenes en artículos de Wikipedia usando wikitext . Ésta es una de las preguntas más frecuentes. Describe opciones para especificar la ubicación, texto alternativo , leyendas, tamaños y enlaces, y contiene consejos sobre panorámicas 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 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 deben cargarse; consulte la política de derechos de autor . Cargue la imagen con la resolución más alta posible, pero mantenga el tamaño del archivo por debajo de 1000 megabytes .

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

Por área temática

Agregar la primera imagen

Si un artículo ya tiene un cuadro de información en la parte superior derecha, 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 resumen muy breve, un obstáculo que tropieza con 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, no suele agregar los corchetes, la cantidad de píxeles y otros detalles del código que aprenderá a continuación, al colocar una imagen en los cuadros de información, solo el nombre del archivo junto a un campo etiquetado| imagen =. Agregar un código tan extraño provocará que se rompan muchas cajas de información. Además, tenga en cuenta que algunos infoboxes requieren que el nombre del archivo se coloque sin el prefijo del espacio de nombres de archivo / imagen. Así, y por ejemplo, siArchivo: Name.jpg no funciona, intente solo Nombre.jpg.

Miniaturas

Es posible que las instrucciones de esta página no funcionen con VisualEditor. Si ha optado por participar , puede usar 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 de esta página, especialmente sobre qué códigos escribir para producir efectos de formato, están principalmente orientadas a la edición de wikitexto. Para obtener instrucciones sobre cómo editar con VisualEditor, consulte Wikipedia: VisualEditor / Guía del usuario .

Una imagen Inglés o Español: Wikipedia existente se puede insertar en una página con el básico wikitexto : [[File:...|thumb|Caption text]]. ( Image:se puede sustituir File:sin cambios en el efecto; la elección entre los dos es puramente una cuestión de preferencia editorial). El uso thumbgenera una imagen en miniatura , generalmente de tamaño diferente al de la imagen original. Para obtener orientación sobre el texto de los subtítulos para 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

Por defecto, 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 puede ver cómo se ve la imagen resultante:

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Wikipede edita Myriapoda .

El texto anterior da 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 el título "El Wikipede edita Myriapoda ". Un lector de Wikipedia puede hacer clic en la miniatura, o en el pequeño icono de doble rectángulo debajo de ella, para ver la página del archivo correspondiente que permitirá al usuario ver la imagen en su tamaño original.

Aunque el texto anterior puede aparecer en varias líneas para fines 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 simplemente 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 espacios y saltos de línea innecesarios.

El texto alternativo está destinado a lectores con discapacidad visual. A menudo, la leyenda o el artículo describirán la imagen de manera adecuada, y cuando este sea el caso, puede escribir alt = título o alt = ver el texto adyacente . 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 título puede contener marcado Wiki como ''[[Myriapoda]]''. El texto de la leyenda se coloca debajo de la imagen.

Aquí está el mismo ejemplo nuevamente, 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:

[[File:Wikipedesketch.png|thumb|left|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Evite referirse a las imágenes como "a la 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 se les leen páginas mediante software de asistencia. En su lugar, use leyendas para identificar imágenes.

A la derecha

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

[[File:Wikipedesketch.png|thumb|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[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 se les leen páginas mediante software de asistencia. En su lugar, use leyendas para identificar imágenes.

Sin texto fluido

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

[[File:Wikipedesketch.png|thumb|center|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

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

[[File:Wikipedesketch.png|thumb|none|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Tamaños de miniaturas

Normalmente, una miniatura tiene un ancho de 220 píxeles (px). Este ancho es utilizado por lectores típicos que no han iniciado sesión o que no han cambiado sus preferencias. Puede establecer un ancho predeterminado diferente para usted 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 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 haya 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 260px, en realidad lo hará más pequeño para aquellos con un tamaño más grande establecido como preferencia.

A veces, una imagen puede beneficiarse de un tamaño diferente 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 uprightpará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, de modo que puedan mostrarse cómodamente en las pantallas más pequeñas de uso común.
Las imágenes de clientes potenciales no deben tener un ancho superior a 300 píxeles. Eso es equivalente a usar upright=1.35si el ancho de miniatura predeterminado es 220px (220 multiplicado por 1.35 y luego redondeado al múltiplo más cercano de 10 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 MediaWiki escala dinámicamente las imágenes en línea, no hay ninguna razón técnica para reducir el tamaño del archivo mediante el escalado o la reducción de la calidad al cargar imágenes, aunque las imágenes que no son libres pueden requerir escalas debido a problemas de derechos de autor (consulte las pautas de resolución de imágenes que no son libres ). Además, comprimir PNG puede ser útil, ya que 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 salga demasiado grande. Por ejemplo:

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

Imágenes de vertical

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

[[File:Amun.svg|thumb|upright|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]]

La uprightopción normalmente crea una imagen que tiene aproximadamente el 75% del ancho del predeterminado. El ancho exacto se calcula comenzando con el ancho de miniatura predeterminado, 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 de uno dentro del rango de 120px a 400px da como resultado anchos de imagen vertical que van desde 90px a 300px.

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 usa el ancho de miniatura predeterminado, que es lo mismo que no especificar uprightnada; un factor menor o mayor que 1.0 crea una imagen más pequeña o más grande que la predeterminada. Por ejemplo:

[[File:Amun.svg|thumb|upright=0.56|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]]

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 Panoramas a continuación. Por ejemplo:

[[File:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]

Tenga cuidado de no estirar demasiado las imágenes cuyo archivo original es bastante pequeño (excepto con imágenes SVG , consulte a continuación). 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 puede 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 de al menos 300 px. Los anchos superiores a 550 px pueden causar problemas con algunos navegadores, como se indicó anteriormente.

[[File:Köppen-vereinfacht.svg|thumb|center|400px|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of south Africa and the western Americas are also tan. Dark greens dominate the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|Macroclimates of the earth. Tans represent desert, dark greens humid continental, and light green tropical rainforest. Light blue and white represent tundra and ice cap.]]

Macroclimas de la tierra. Los bronceados representan desierto, verde oscuro continental húmedo y bosque tropical lluvioso verde claro. El azul claro y el blanco representan la tundra y la capa de hielo.

Alto en pixeles

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

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 el alto de una imagen, se ajusta al valor que la haría 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 File: Flag of Scotland.svg son 5 × 3, especificar un ancho de 120px genera una imagen de 120 × 72px, y especificar una altura de 60px genera una imagen de 100 × 60px, por lo que un campo de tamaño de 120x60pxgenera el menor de los dos, a saber, la imagen de 100 × 60 px:

Bandera de escocia

Recuento de píxeles frente a factores verticales

Aunque los recuentos de píxeles son más fáciles de entender que los factores verticales, no se ajustan tan bien a las preferencias del usuario. Por ejemplo, suponga que una imagen contiene algunos detalles y, por defecto, es demasiado pequeña y desea aumentarla en aproximadamente un 10%. Aunque upright=1.1y 240pxhacen el trabajo igualmente bien para el caso común donde el ancho predeterminado es 220 píxeles, muchos de los usuarios que establecieron 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.

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 pequeños iconos que están destinados a 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 usarse porque es perjudicial para muchas pantallas, especialmente dispositivos móviles. En cambio, si un artículo sería mejor con imágenes redimensionadas de alguna manera diferente 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. Para referencia histórica, aquí hay un ejemplo de cómo se usa:

[[File:Wikipedesketch.png|frame|center|alt=A cartoon centipede reads books and types on a laptop.|The Wikipede edits ''[[Myriapoda]]''.]]

Wikipede edita Myriapoda .

Panoramas

Las imágenes muy grandes no deben colocarse directamente en los artículos, ya que causan problemas en algunos entornos de navegador. Las imágenes más anchas que 550px o más a menudo se tratan mejor como un panorama, que se puede crear con la plantilla {{ Wide image }}. Por ejemplo:

{{wide image|Helsinki z00.jpg|1800px|alt=Panorama of city with mixture of five- to ten-story buildings|[[Helsinki]] has many buildings.}}

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:

Evitar acumulaciones

Atajo

WP: APILAMIENTO

Uno de los problemas a los que se enfrentan muchos usuarios de imágenes flotantes 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 a la derecha de este texto se apilan de manera incómoda.

A menudo, la mejor solución para esto es simplemente agregar más texto, como se hace a continuación, pero esto a veces no es posible. Las siguientes subsecciones muestran algunas 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 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 incómodo, aunque aún legible.

Co-alineación

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

Expulsión

Dos tarjetas utilizadas por los árbitros de fútbol

{{imagen múltiple | ancho = 80 | footer = dos tarjetas utilizadas por los árbitros de fútbol | image1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | image2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión}}

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

Precaución

Expulsión

Dos tarjetas utilizadas por los árbitros de fútbol

{{imagen múltiple | dirección = vertical | ancho = 80 | footer = dos tarjetas utilizadas por los árbitros de fútbol | image1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | image2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión}}

Galerias

Una galería muestra varias imágenes en una matriz o diseño similar. Antes de hacer 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 producir de diferentes formas. Un método simple y flexible es la sintaxis de tablas . Por ejemplo:

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

Philipp Veit, Germania , 1834–36

Philipp Veit, Germania , 1848

Johannes Schilling, Germania , 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</galeria>

Que produce:

Subtítulo 1
Subtí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 | página = 2</galeria>

Que produce:

Libro de Algernon Charles Swinburne

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

<gallery mode = "pack-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 (alias) .jpg | '' [[ Felis silvestris catus ]] '' (Un gato joven)Archivo: Felis catus-cat on snow.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: Cat November 2010-1a.jpg | '' [[ Felis silvestris catus ]] '' (Gato)Archivo: Felis silvestris silvestris Luc Viatour.jpg | '' [[ Felis silvestris silvestris ]] '' (gato montés europeo)Archivo: June impar-eyed-cat cropped.jpg | '' [[ Felis catus ]] '' (Gato doméstico)Archivo: Lynx kitten.jpg | '' [[ Lynx lynx ]] '' (Un joven lince) </gallery>

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 {{ Galería }} ofrece un tercer método:

{{Galería| title = Representaciones culturales de George Washington| ancho = 160| altura = 170| líneas = 4| alinear = centro| Archivo: Federal Hall NYC 27.JPG | alt1 = Parte posterior de la estatua frente a un edificio de la ciudad cuya fachada son columnas griegas cubiertas por una enorme bandera de los Estados Unidos | La estatua de Washington afuera del [[Federal Hall]] en [[Ciudad de Nueva York]] , mirando en [[Wall Street]].| Archivo: Mount Rushmore2.jpg | alt2 = Perfil de una cara de piedra que sobresale de la ladera de una montaña. Tres trabajadores trepan sobre él, cada uno aproximadamente a la altura del labio superior de la cara. Construcción del retrato de George Washington en [[Mount Rushmore]], c. 1932.| Archivo: 2014 ATB Quarter Obv.png | alt3 = Moneda de plata con perfil del busto de Washington. Se enfrenta a la izquierda con majestuosidad y lleva una cola de estilo colonial en el pelo. "ESTADOS UNIDOS DE AMÉRICA" está en la parte superior, "TRIMESTRE 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 los Estados Unidos) | cuarto]].| Archivo: Moneda de $ 1 presidencial de George Washington anverso.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 en algunas [[moneda de dólar (Estados Unidos) | monedas de dólar]].}}

Representaciones culturales de George Washington

La estatua de Washington fuera 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 se conmemora en el trimestre .
Washington también se conmemora en algunas monedas de un dólar .

Forzando un descanso

Como último recurso, puede obligar 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 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 solo para que se vea bonita en su pantalla. Hackea solo donde sea absolutamente necesario. Siempre que sea posible, utilice 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 su lugar, aparece como el texto del título de la imagen, que normalmente se muestra como información sobre herramientas durante el desplazamiento del mouse . En una miniatura, el texto alternativo está vacío de forma 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; este valor predeterminado se puede anular con una opción explícita . El texto del título, como el texto alternativo, ignorará cualquier marcado de Wiki.alt=Alt text

Se puede colocar una imagen simple en cualquier lugar del artículo y actúa como un personaje grande en el texto, de modo que el texto cercano no flote ni se enrolle alrededor. Por ejemplo:

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

Tamaños de imagen normal

Una imagen simple tiene por defecto 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 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 siguiente imagen de ejemplo será 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]]

Frontera

La borderopción agrega un borde de un píxel, que puede ser ú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 dejado sin flujo de texto. La única diferencia es que el rightparámetro es necesario para hacer flotar una imagen simple a la derecha, mientras que la flotación a la derecha es la opción predeterminada 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 alta, 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 predeterminado " x x ". Las opciones disponibles para la alineación vertical, al lado de la salida que generan, son , (por defecto), , , , , , y .baselinemiddlesubsupertext-toptext-bottomtopbottom

Enlaces

Es posible que 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 imágenes, que describe la imagen, quién la creó y enlaza con la imagen original en resolución completa. Por lo general, esto es lo mejor para el lector y, a menudo, es requerido por la elección de una licencia CC-BY-SA para la imagen por parte del usuario que subió el video.

Si la imagen es de dominio público y no requiere atribución a quien la subió, puede crear una imagen simple que se vincule a otra ubicación mediante 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.

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 usar legalmente de esta manera si están en el 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, al hacer clic en un círculo que corresponde aproximadamente al retrato de la izquierda, el lector se dirige a William Jennings Bryan , al hacer clic en el retrato de la derecha se dirige a Arthur Sewall y al hacer clic en cualquier otro lugar se dirige a http://projects.vassar.edu/1896/democrats.html. Esta imagen es generada por el siguiente marcado:

<mapa de imágenes>Archivo: Bryan-Sewall.jpg | 300px | right | alt = 1896 Póster de 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 1896 demócratas] </imagemap>

Este marcado de mapa de imágenes especifica que el texto del título (información sobre herramientas) para las tres regiones son "William J. Bryan", "Arthur Sewall" y "1896 Demócratas", 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 para la imagen general se da en la primera línea del marcado del mapa de imágenes. 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 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 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 icono de doble rectánguloen lugar del icono azul "i" .

Para hacer esto fácilmente, puede usar 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 la zona de la córnea con un círculo:

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

Copie el contenido del wikicode generado , en el portapapeles . Con Editar (fuente) , pegue 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: Eagle (owl) -eye.JPG |círculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</imagemap>

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

<mapa de imágenes>Archivo: Eagle (owl) -eye.JPG | 250pxcírculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</imagemap>

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 esta razón debemos incluir el código anterior en una tabla. Por ejemplo:

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

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

Superposición de anotaciones en una imagen

Algunos diagramas se cargan sin texto, por lo que se pueden utilizar en varios idiomas; o tal vez desee agregar enlaces en los que se puede hacer clic a una imagen. En tales casos, las anotaciones de texto se pueden agregar a una imagen con las plantillas Plantilla: imagen anotada o Plantilla: imagen anotada 4 .

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

Ejemplos de plantillas de imágenes anotadas

Columna vertebral

Dorsal

Lateral superior

Lateral inferior

Ventro-lateral

= Frontal

Ejemplo de un diagrama anotado (usando Plantilla: imagen anotada ) que tiene wikilinks en los que se puede hacer clic y texto superpuesto

Columna vertebral

Dorsal

Lateral superior

Lateral inferior

Ventro-lateral

= Frontal

Ejemplo de un diagrama anotado (usando Plantilla: imagen anotada 4 ) que tiene wikilinks en los que se puede hacer clic y texto superpuesto

La imagen y el título como un pulgar, sin anotaciones

Vincular sin mostrar

Supongamos que desea vincular la imagen sin mostrarla. Puede hacerlo agregando dos puntos antes del prefijo "Archivo:". Puede 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 obtener la imagen de mayor resolución de tamaño completo.

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

[[Media:Wikipedesketch.png]]

Medios: Wikipedesketch.png

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

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

Finalmente, puede vincular a una imagen desde el pequeño icono de doble rectángulo de una miniatura , pero mostrar otra imagen usando " ". Esto está destinado a los casos excepcionales en los que el software de Wikipedia que reduce las imágenes a miniaturas no hace un buen trabajo y desea proporcionar su propia miniatura. En el siguiente ejemplo, el rectángulo doble enlaza con File: Anime stub 2.svg pero la imagen que se muestra es File: Anime stub.png :|thumb=Displayed image name

Armar 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]]

En caso de que una imagen no se renderice

Si la imagen no se procesa y, en cambio, se muestra el código wik en el artículo, puede deberse a las siguientes causas:

La sintaxis de la imagen está incompleta o es incorrecta.
El subtítulo puede tener etiquetas de enlaces incompletos, especialmente no apareado [[s e ]] s que se convierten interpretarse como la sintaxis de la imagen
La imagen anterior puede tener una sintaxis de imagen incorrecta, especialmente una incompleta ]] al final.
Se deben seguir las mayúsculas en el wikicode; por lo tanto, si un archivo de imagen es Image: Photo of Wikipede.JPG , necesitará usar las letras mayúsculas para "JPG".
La imagen está incluida en la lista negra de MediaWiki: Lista de imágenes incorrectas . Considere solicitar su eliminación en MediaWiki talk: Bad image list .

Consejos

Al colocar o cambiar el tamaño de las imágenes, a menudo es 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 imágenes, 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 pueden girarse, espejos, escaladas y recortadas usando las plantillas {{ Transformar }}, {{ Transform-rotación }}, {{ MirrorH }}, {{ CSS cultivos de imágenes }}.

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 la imagen.
{{ Medios externos }}
Wikipedia: sintaxis de imagen ampliada
Wikipedia: Laboratorio de gráficos : ayuda para editar o mejorar imágenes
Wikipedia: tutoriales de gráficos : cómo hacer 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 subir
Wikipedia: ayuda de SVG
Commons: 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
Estantería de Wikimedia - más tutoriales, videos, folletos

Páginas de ayuda de Wikipedia
*Visite Teahouse* o la mesa de ayuda para un foro interactivo de preguntas y respuestas . Preguntas frecuentes (?) Escritorios de referencia (?) Tableros de anuncios (?) Hoja de trucos (?) Directorios (?)**
Acerca de Wikipedia (?)	Administración Propósito Principios Políticas y lineamientos Lo que no es Wikipedia Descargo de responsabilidad ( consejo de los padres ) Haciendo peticiones ¿Quién escribe Wikipedia?
Ayuda para lectores (?)	Preguntas más frecuentes Libros Derechos de autor Glosario Acceso móvil Navegación Otros idiomas buscando Estudiantes Ver medios
Contribuyendo a Wikipedia (?)	Consejos para jóvenes editores Evitando errores comunes Etiqueta Manual de estilo simplificado Conjunto de reglas simplificado "Ignorar todas las reglas" "Las reglas son principios" Consejos de estilo Consejo del día Tu primer artículo ( asistente de artículos )
Empezando (?)	¿Por qué crear una cuenta? Introducciones por tema Tutoriales gráficos Tutorial de imágenes Tutorial de IRC (chat en vivo) Guía del usuario de VisualEditor
Qué hacer y qué no hacer (?)	Accesibilidad Biografias Biografías (vivo) Categorización Consenso Discusiones Desambiguación Imagenes Dirige Enlaces Liza Referencias Mesas Títulos (de artículos)
Páginas de procedimientos y páginas de información (?)	Apelar bloques Eliminación de artículos Categorias Citas / referencias Referenciación para principiantes Estilo de cita 1 Citar errores Referencias y números de página Convertir Diferencia Edición Edición menor barra de herramientas editar conflicto Encuentra fuentes Archivos Notas al pie Eliminación de imágenes Cajas de información Vinculación ( color del vínculo ) Iniciando sesión Fusión Nombre de la página Cambiar el nombre de las páginas Redirigir Contraseñas Confirmación de correo electrónico Revirtiendo Limpieza simple de vandalismo Páginas de discusión ( archivo ) Contribuciones de los usuarios Protocolo de búsqueda WP
Codificación (?)	Marcado Wiki Gráfica de barras Cálculos Caracteres Columnas Texto oculto HTML Liza palabras mágicas Símbolos musicales Secciones Sonidos Mesas Plantillas Transclusion URL Archivos visuales
Directorios (?)	Abreviaturas Contenido (Enciclopedia propiamente dicha) Departamentos Índice del editor Ensayos Preguntas frecuentes Glosario Pautas Manual de estilo Políticas Tareas Consejos Herramientas
Falta el manual Pide ayuda en tu página de discusión (?)

vtmiAyuda técnica de Wikipedia
Get personal technical help at the Teahouse, Help desk, Village pump (technical), talk pages or IRC.
Generaltechnical help	Browser notes Bypass cache Keyboard shortcuts Troubleshooting Editing CharInsert Edit conflict Edit toolbar Reverting How to create a page IRC Tutorial Mobile access Multilingual support Page history Page information Page name Help Printing Software notices Editnotice Special Characters Entering User access levels VisualEditor User guide
Specialpage-related	Special page help Edit filter Emailing users Logging in Reset passwords Logs Moving a page Fixing cut-and-paste moves Notifications/Echo FAQ Page Curation Page import Pending changes Random pages Recent changes Related changes Searching Linksearch Tags User contributions Watchlist What links here
Wikitext	Wikitext Cheatsheet Columns Line-break handling Lists Magic words For beginners Conditional expressions Switch parser function Time function Redirects Sections and TOCs Tables Introduction Basics Advanced table formatting Collapsing Conditional tables Sorting Using colours
Links and diffs	Links Interlanguage Interwiki Permanent Diffs Simplest diff guide Simple diff and link guide Complete diff and link guide Colon trick Link color Pipe trick URLs
Media files: images,videos and sounds	Media help Files Creation and usage Moving files to Commons Images Introduction to images Picture tutorial Preparing images for upload Uploading images Options to hide an image Extended image syntax SVG help Gallery tag Graphics tutorials Basic bitmap image editing How to improve image quality Graphics Lab resources Sound file markup Visual file markup
Other graphics	Family trees Graphs and charts How to create Barcharts To scale charts Math formulas Math symbols LaTeX symbols Rendering math Musical scores Musical symbols Timeline EasyTimeline syntax WikiHiero syntax
Templates andLua modules	Templates Advanced template coding Template documentation Template index Template limits Template sandbox and test cases Citation templates Lua help Lua project Resources To do Substitution Purge Job queue Transclusion Labeled section Guide to Scribbling
Data structure	Namespaces Main/Article Category Draft File File description page Help Portal Project/Wikipedia Talk Archiving Template User User page design MediaWiki Bug reports and feature requests System message TimedMediaHandler extension Module Special
HTML and CSS	Cascading Style Sheets HTML in wikitext Catalogue of CSS classes Common.js and common.css User CSS for monospaced coding font Classes in Ambox Classes in microformats Markup validation Span tags Useful styles
Customisationand tools	Preferences Gadgets Skins Citation tools Cleaning up vandalism tools Customizing watchlists Hide pages IRC Scripts User scripts Guide Techniques User style Tools Alternative browsing Browser tools Editing tools Navigation shortcuts Optimum tool set Wikimedia Cloud Services Beta Features at MediaWiki
Automated editing	AfC helper script AutoWikiBrowser Bots Creating HotCat Huggle Navigation popups RedWarn Twinkle WPCleaner Inactive igloo STiki
See also: Category:Wikipedia how-to Category:Wikipedia information pages Further navigation at: Help pages Administrators Accessibility Accounts Bots Referencing Citation metadata Templates User scripts