Página de ayuda de Wikipedia sobre cómo agregar imágenes a los artículos
Este tutorial explica cómo insertar imágenes en artículos de Wikipedia usando wikitext . Esta es una de las preguntas más frecuentes. Describe opciones para especificar ubicación, texto alternativo , títulos, tamaños y enlaces, y contiene consejos sobre panoramas y cómo evitar la acumulación de imágenes. También hay un documento técnico que describe la sintaxis y una guía sencilla para principiantes . Se utiliza la misma sintaxis independientemente de si un archivo es de Wikipedia o Wikimedia Commons .
Si un artículo ya tiene un cuadro de información en la parte superior derecha, entonces el lugar habitual para la primera imagen del artículo es dentro del cuadro de información. Para obtener orientación sobre la sintaxis para hacer esto, consulte Ayuda: Imagen del cuadro de información . En resumen muy breve, un obstáculo con el que tropiezan muchas personas cuando intentan agregar una imagen a una plantilla de cuadro de información es que la mayoría proporciona internamente el código wiki que "envuelve" la imagen. En consecuencia, normalmente no agrega los corchetes, la cantidad de píxeles y otros detalles del código que aprenderá a continuación al colocar una imagen en cuadros de información; solo el nombre del archivo junto a un campo etiquetado| imagen =. Agregar un código tan extraño hará que muchos cuadros de información se rompan. Además, tenga en cuenta que algunos cuadros de información requieren que el nombre del archivo se coloque sin el prefijo del espacio de nombres del archivo/imagen. Así, y por ejemplo, siArchivo:Nombre.jpgno funciona, prueba soloNombre.jpg.
Miniaturas
Es posible que las instrucciones de esta página no funcionen con VisualEditor. Si ha optado por participar , puede utilizar VisualEditor o la edición clásica a través del marcado wiki (wikitext) para editar la mayoría de las páginas. Las instrucciones en esta página, especialmente sobre qué códigos escribir para producir efectos de formato, están orientadas predominantemente a la edición de wikitexto. Para obtener instrucciones sobre cómo editar con VisualEditor, consulte Wikipedia: VisualEditor/Guía del usuario .
Una imagen existente de Wikipedia en inglés o Wikimedia Commons se puede insertar en una página con el wikitexto[[File:...|thumb|Caption text]] básico . [a] El uso thumbgenera una imagen en miniatura , normalmente de tamaño diferente al de la imagen original. Para obtener orientación sobre el texto del título para asociar con las imágenes, consulte Wikipedia: Manual de estilo/títulos . Varias opciones pueden afectar la ubicación y el tamaño de una miniatura, que se describen a continuación.
a la izquierda
De forma predeterminada, una miniatura flota a la derecha de la página, con el texto fluyendo a su alrededor. Sin embargo, nuestro primer ejemplo especifica left. Justo debajo del ejemplo puedes ver cómo se ve la imagen resultante:
[[ Archivo : Wikipedesketch.png | pulgar | izquierda | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]
El texto anterior proporciona el nombre del archivo de imagen "Wikipedesketch.png", el tipo de imagen "pulgar" y la alineación "izquierda", el texto alternativo "Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil" y la leyenda "El Wikipede edita Miriápodos ." Un lector de Wikipedia puede hacer clic en la miniatura, o en el pequeño ícono de doble rectángulo debajo de ella, para ver la página del archivo correspondiente que le permitirá al usuario ver la imagen en su tamaño original.
Aunque el texto anterior puede aparecer en varias líneas por motivos de formato, el texto de la imagen real está en una línea, ya que utiliza espacios sin saltos de línea. El [[y el primero |deben estar en la misma línea; otros espacios y saltos de línea se ignoran si están al lado de |caracteres o justo dentro de los corchetes. Algunas partes de la sintaxis de la imagen, como alt=, no permiten espacios ni saltos de línea, y la forma más sencilla de hacerlo bien es omitir espacios y saltos de línea innecesarios.
El texto alternativo está destinado a lectores con discapacidad visual. A menudo, el título o el artículo describirá la imagen adecuadamente y, cuando este sea el caso, puede escribir alt=caption o alt=ver texto adyacente . Si se agrega texto alternativo adicional, debe ser una descripción concisa que cumpla con las políticas de contenido; consulte WP:ALT para obtener más información. A diferencia del texto alternativo, un título puede contener marcas Wiki como ''[[Myriapoda]]''. El texto del título se coloca debajo de la imagen.
Aquí se muestra nuevamente el mismo ejemplo, esta vez en el contexto de un texto ficticio de lorem ipsum coloreado con asteriscos (*) que muestra dónde aparece la sintaxis de la imagen en el texto:
[[ Archivo : Wikipedesketch.png | pulgar | izquierda | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Evite referirse a las imágenes como "de izquierda". La ubicación de las imágenes es diferente para los espectadores de la versión móvil de Wikipedia y no tiene sentido para las personas a las que les leen las páginas mediante software de asistencia. En su lugar, utilice subtítulos para identificar las imágenes.
A la derecha
La ubicación predeterminada para una miniatura está a la derecha:
[[ Archivo : Wikipedesketch.png | pulgar | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Evite referirse a las imágenes como "estar a la derecha". La ubicación de las imágenes es diferente para los espectadores de la versión móvil de Wikipedia y no tiene sentido para las personas a las que les leen las páginas mediante software de asistencia. En su lugar, utilice subtítulos para identificar las imágenes.
Sin texto fluido
Aunque la mayoría de las miniaturas se combinan con texto fluido y se colocan a la derecha o a la izquierda, también puedes colocar una miniatura sin texto fluido a su alrededor. Una forma es centrarlo, usando centero centre:
[[ Archivo : Wikipedesketch.png | pulgar | centro | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
También puedes colocar la imagen a la izquierda, sin texto fluido, usando none:
[[ Archivo : Wikipedesketch.png | pulgar | ninguno | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tamaños de miniaturas
De forma predeterminada, las imágenes en miniatura en Wikipedia tienen un ancho de 220 píxeles (px). Este ancho lo utilizan los lectores típicos que no han iniciado sesión o que no han cambiado sus preferencias. Puede establecer un ancho predeterminado diferente en Mis preferencias en "Apariencia » Archivos". Las opciones son 120 px, 150 px, 180 px, 200 px, 220 px, 250 px, 300 px y 400 px. Cualquier imagen más estrecha que el ancho preferido se muestra con el ancho más estrecho.
Las imágenes al lado del texto generalmente deben usar un título y la thumbopción (miniatura); el valor predeterminado da como resultado una pantalla de 220 píxeles de ancho (170 píxeles si uprightse usa la opción), excepto para aquellos usuarios que han iniciado sesión y que han establecido un valor predeterminado diferente en sus preferencias de usuario. En general, no defina el tamaño de una imagen a menos que exista una buena razón para hacerlo. Algunos usuarios tienen pantallas pequeñas o necesitan configurar sus sistemas para mostrar texto grande; Las miniaturas grandes "forzadas" pueden dejar poco ancho para el texto, lo que dificulta la lectura. Además, forzar un tamaño de imagen "más grande", digamos 260 px, en realidad la hará más pequeña para aquellos con un tamaño más grande configurado como preferencia.
A veces, una imagen puede beneficiarse de un tamaño distinto al predeterminado; consulte la política de uso de imágenes para obtener orientación.
Normalmente, el tamaño debe especificarse como un valor relativo al tamaño base preferido del usuario, utilizando el |upright=parámetro en lugar de los valores de píxeles.
Cuando sea apropiado forzar el tamaño, las imágenes más grandes generalmente no deben tener más de 500 píxeles de alto y 400 píxeles de ancho, para que puedan visualizarse cómodamente en las pantallas más pequeñas de uso común.
Las imágenes principales no suelen tener más de 300 píxeles de ancho. Esto equivale a usar upright=1.35si el ancho de miniatura predeterminado es 220 px (220 multiplicado por 1,35 y luego redondeado al múltiplo de 10 más cercano es igual a 300), pero valores predeterminados más grandes en las preferencias del usuario darán como resultado imágenes proporcionalmente más grandes (340 px si el valor predeterminado es 250 px, 410 px). si el valor predeterminado es 300 px, o 540 px si el valor predeterminado es 400 px).
Dado que el software MediaWiki escala dinámicamente las imágenes en línea, no existe ninguna razón técnica para reducir el tamaño del archivo mediante el escalado o la reducción de calidad al cargar imágenes, aunque las imágenes que no son libres pueden requerir escalamiento debido a preocupaciones de derechos de autor (consulte las pautas de resolución de imágenes no libres ). Además, comprimir archivos PNG puede resultar útil, porque los archivos PNG se pueden cambiar de tamaño de forma segura sin perder calidad.
El comportamiento predeterminado puede hacer que una imagen alta y delgada resulte demasiado grande. Por ejemplo:
[[ Archivo : Amón.svg | pulgar | alt = Perfil de cuerpo entero de un hombre con ropa egipcia antigua. Tiene la piel de color marrón rojizo y lleva un casco con altas plumas amarillas. | El dios egipcio Amón, retratado antes del período de Amarna ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
El dios egipcio Amón, retratado antes del período de Amarna.
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris un lago. Donec mattis siempre leo. In hac habitasse platea dictamen. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Hecho turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictamen. Etiam sit amet diam. Suspendisse odio. Suspendido nunc. In semper bibendum libero.
Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lago. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum masa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam no diam. Habitante pellentesco morbi tristique senectus et netus et malesuada famas ac turpis egetas. In hac habitasse platea dictamen. Vestíbulo Eneo. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.
Imágenes verticales
La uprightopción puede ayudar a solucionar este problema informando al sistema de diseño de Wikipedia que la imagen debe tener un ancho más estrecho de lo habitual:
[[ Archivo : Amón.svg | pulgar | vertical | alt = Perfil de cuerpo entero de un hombre con ropa egipcia antigua. Tiene la piel de color marrón rojizo y lleva un casco con altas plumas amarillas. | El dios egipcio Amón, retratado antes del período de Amarna ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
El dios egipcio Amón, retratado antes del período de Amarna.
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris un lago. Donec mattis siempre leo. In hac habitasse platea dictamen. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Hecho turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictamen. Etiam sit amet diam. Suspendisse odio. Suspendido nunc. In semper bibendum libero.
Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lago. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum masa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam no diam. Habitante pellentesco morbi tristique senectus et netus et malesuada famas ac turpis egetas. In hac habitasse platea dictamen. Vestíbulo Eneo. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.
La uprightopción normalmente crea una imagen que tiene aproximadamente el 75% del ancho predeterminado. El ancho exacto se calcula comenzando con el ancho predeterminado de la miniatura, multiplicándolo por 0,75 y redondeando al múltiplo más cercano de 10. Normalmente, el ancho predeterminado es 220 px, por lo que una imagen vertical tiene 170 px de ancho; cambiar el ancho predeterminado dentro del rango de 120 px a 400 px da como resultado anchos de imagen verticales que van desde 90 px a 300 px.
Reducir aún más las imágenes verticales
Si el factor vertical 0,75 es demasiado grande o demasiado pequeño, se puede especificar explícitamente. Un factor de 1,0 utiliza el ancho de miniatura predeterminado, que es lo mismo que no especificar uprightnada con la thumbopción; un factor menor o mayor que 1,0 crea una imagen más pequeña o más grande que la predeterminada. Por ejemplo:
[[ Archivo : Amón.svg | pulgar | vertical = 0,56 | alt = Perfil de cuerpo entero de un hombre con ropa egipcia antigua. Tiene la piel de color marrón rojizo y lleva un casco con altas plumas amarillas. | El dios egipcio Amón, retratado antes del período de Amarna ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
El dios egipcio Amón, retratado antes del período de Amarna.
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris un lago. Donec mattis siempre leo. In hac habitasse platea dictamen. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Hecho turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictamen. Etiam sit amet diam. Suspendisse odio. Suspendido nunc. In semper bibendum libero.
Imágenes cortas y anchas
Las imágenes cortas y anchas a veces se benefician de uprightfactores superiores a 1,0. Los factores superiores a aproximadamente 2,5 pueden generar imágenes grandes que causan problemas con algunos navegadores; Para conocer una forma de manejar imágenes más amplias, consulte Panorámicas a continuación. Por ejemplo:
[[ Archivo : Köppen-vereinfacht.svg | pulgar | centro | vertical = 2,0 | alt = Mapa del mundo. Una banda color canela se extiende desde el norte de África hasta el centro de China; la mayor parte de Australia y partes de Sudáfrica y el oeste de América también son bronceados. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte del territorio cerca del ecuador. Las zonas polares son blancas y el norte está bordeado de azul claro. | Macroclimas de la tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo. ]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
Macroclimas de la Tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo.
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Tenga cuidado de no estirar demasiado las imágenes cuyo archivo original es bastante pequeño (excepto con imágenes SVG, ver más abajo). Si el archivo original tiene 120 píxeles de ancho y se extiende más allá de eso, los píxeles que lo componen comenzarán a ser visibles.
Las imágenes SVG son una excepción: al ser imágenes vectoriales , no tienen píxeles, solo instrucciones sobre cómo dibujar la imagen que se pueden ampliar indefinidamente, y el "tamaño de la imagen" en la descripción del archivo es arbitrario.
Ancho en píxeles
También puede mostrar una imagen de un ancho específico. Normalmente, si especifica un ancho en píxeles, debe ser al menos 300 px. Los anchos superiores a aproximadamente 550 px pueden causar problemas con algunos navegadores, como se indicó anteriormente.
[[ Archivo : Köppen-vereinfacht.svg | pulgar | centro | 400px | alt = Mapa del mundo. Una banda color canela se extiende desde el norte de África hasta el centro de China; la mayor parte de Australia y partes de Sudáfrica y el oeste de América también son bronceados. Los verdes oscuros dominan el hemisferio norte. Los verdes más claros cubren gran parte del territorio cerca del ecuador. Las zonas polares son blancas y el norte está bordeado de azul claro. | Macroclimas de la tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo. ]]
Macroclimas de la tierra. Los bronceados representan el desierto, los verdes oscuros continentales húmedos y la selva tropical verde claro. El azul claro y el blanco representan la tundra y la capa de hielo.
Altura en píxeles
Para especificar la altura exacta de una imagen, dejando que la escala del ancho coincida, anteponga la altura con x. El siguiente ejemplo cambia el tamaño de la imagen a una altura de 60 píxeles:
[[ Archivo : Bandera de Escocia.svg | pulgar | centro | x60px | alt = Cruz diagonal blanca sobre fondo azul | Bandera de Escocia ]]
Bandera de Escocia
Ancho o alto en píxeles, lo que haga la imagen más pequeña
Si especifica tanto el ancho como el alto de una imagen, su tamaño se ajustará al valor que la haga más pequeña. Esto hará que una imagen quepa en un área determinada, independientemente del tamaño real de la imagen. Dado que las proporciones de Archivo: Bandera de Escocia.svg son 5 × 3, al especificar un ancho de 120 px se genera una imagen de 120 × 72 px, y al especificar una altura de 60 px se genera una imagen de 100 × 60 px, por lo que un campo de tamaño de 120x60pxgenera el menor de los dos, es decir, la imagen de 100×60px:
[[ Archivo : Bandera de Escocia.svg | pulgar | centro | 120x60px | alt = Cruz diagonal blanca sobre fondo azul | Bandera de Escocia ]]
Bandera de Escocia
Recuento de píxeles frente a factores verticales
A pesar de su nombre, el parámetro "vertical" ahora se utiliza tanto para imágenes altas como anchas. Aunque los recuentos de píxeles son más fáciles de entender que los factores verticales, se ajustan menos a las preferencias del usuario. Por ejemplo, supongamos que una imagen contiene algunos detalles y, de forma predeterminada, es demasiado pequeña y desea aumentarla en aproximadamente un 10 %. Aunque upright=1.1y 240pxhace el trabajo igualmente bien en el caso común en el que el ancho predeterminado es 220 píxeles, muchos de los usuarios que establecen el ancho predeterminado en 300 píxeles para trabajar mejor con sus pantallas de alta resolución se molestarán 200pxporque hará que la imagen un tercio más pequeño que su tamaño preferido. Por el contrario, upright=1.1les mostrará la imagen con un ancho de 330 píxeles, y es más probable que esto funcione bien en sus pantallas.
Para aclarar, "vertical=0.75" es equivalente a "vertical", y "vertical=1" deja la imagen en su tamaño predeterminado (220px cuando no se ha iniciado sesión), lo que equivale a no usar "vertical" en absoluto. Por conveniencia, algunas conversiones son las siguientes:
Los recuentos de píxeles suelen ser mejores que los factores verticales para mostrar combinaciones de imágenes, algunas de las cuales tienen tamaños conocidos y limitados, y para mostrar iconos pequeños que deben combinarse con texto.
Tamaño nativo
Reemplazar thumbcon framehace que la imagen se muestre en su tamaño nativo, es decir, el tamaño con el que se cargó originalmente. Este uso es obsoleto y no debe utilizarse porque resulta perjudicial para muchas pantallas, especialmente los dispositivos móviles. En cambio, si un artículo sería mejor con imágenes redimensionadas de alguna manera distinta a la predeterminada, use el parámetro "vertical". Los usuarios deben establecer sus propias preferencias si desean cambiar el tamaño de las imágenes y los autores de artículos no deben hacerlo. Si alguien tiene una justificación para usar la función de marco, compártala en la página de discusión. Como referencia histórica, aquí hay un ejemplo de su uso:
[[ Archivo : Wikipedesketch.png | marco | centro | alt = Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil. | La Wikipede edita '' [[ Myriapoda ]] '' . ]]
No se deben colocar imágenes muy grandes directamente en los artículos, ya que causan problemas en algunos entornos de navegador. Las imágenes con un ancho superior a 550 px suelen tratarse mejor como una panorámica, que se puede crear con la plantilla {{ Imagen ancha }} . Por ejemplo:
{{ imagen ancha | Helsinki z00.jpg | 1800 píxeles | alt = Panorama de la ciudad con una mezcla de edificios de cinco a diez pisos |[[ Helsinki ]] tiene muchos edificios. }}
Uno de los problemas que enfrentan muchos usuarios de imágenes flotantes es que a veces varias imágenes se acumulan verticalmente, especialmente en pantallas grandes e imágenes anchas. Por ejemplo, en muchos navegadores las dos imágenes a la derecha de este texto se acumulan de manera extraña.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
A menudo, la mejor solución para esto es simplemente agregar más texto, como se hace a continuación, pero a veces esto no es posible. Las siguientes subsecciones muestran algunas otras posibles soluciones al problema.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris un lago. Donec mattis siempre leo. In hac habitasse platea dictamen. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Hecho turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictamen. Etiam sit amet diam. Suspendisse odio. Suspendido nunc. In semper bibendum libero.
Bandera de Escocia
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Alternando izquierda y derecha
Quizás la forma más sencilla de manejar varias imágenes flotantes sea alternarlas de izquierda a derecha (o de derecha a izquierda); De esta manera no entran en contacto entre sí y, por lo tanto, no pueden apilarse de forma poco atractiva. Sin embargo, esto tiene una desventaja: las personas con resoluciones de pantalla muy bajas (como aquellos que usan netbooks ) pueden encontrar el resultado demasiado incómodo, aunque aún sea legible.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Bandera de Escocia
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Co-alineación
Es común tener dos imágenes que lógicamente conviene agrupar. La plantilla {{ multiple image }} es una forma de hacer esto. Por ejemplo:
Dos tarjetas utilizadas por los árbitros de fútbol
{{ imagen múltiple | ancho = 80 | pie de página = Dos tarjetas utilizadas por los árbitros de fútbol | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión }}
La misma plantilla también puede alinear imágenes verticalmente:
Dos tarjetas utilizadas por los árbitros de fútbol
{{ imagen múltiple | dirección = vertical | ancho = 80 | pie de página = Dos tarjetas utilizadas por los árbitros de fútbol | imagen1 = Tarjeta amarilla.svg | alt1 = Cartucho amarillo | caption1 = Precaución | imagen2 = Tarjeta roja.svg | alt2 = Cartucho rojo | caption2 = Expulsión }}
Galerías
Una galería muestra varias imágenes en una matriz o diseño similar. Antes de crear una galería, lee la política de uso de imágenes para galerías . Generalmente, no se debe agregar una galería siempre que haya espacio para que las imágenes se presenten de manera efectiva junto al texto.
Técnicamente, una galería se puede realizar de diferentes formas. Un método simple y flexible es la sintaxis de tablas . Por ejemplo:
{| estilo = "margen: 0 auto;" | [[ Archivo : Philipp Veit 008.jpg | pulgar | vertical | alt = Mujer vestida con túnica, sentada, con una espada en su regazo | Philipp Veit, ''Alemania'' , 1834–36 ]] | [[ Archivo : Imagen Germania (pintura).jpg | pulgar | vertical | alt = Mujer con túnica, de pie, sosteniendo una espada | Philipp Veit, ''Alemania'' , 1848 ]] | [[ Archivo : Memorial de Niederwald 2.JPG | pulgar | vertical | alt = Monumento de una mujer vestida con una túnica, de pie, sosteniendo una corona en una mano y una espada parcialmente envainada en la otra | Johannes Schilling, ''Alemania'' , 1871–83 ]] |}
Otra forma sencilla es la etiqueta especializada, que funciona así:<gallery>
También puede especificar texto alternativo y otros parámetros de representación de imágenes, como el número de página para archivos PDF:
<galería>
William Blake, un ensayo crítico (Swinburne).pdf|Libro de [[ Algernon Charles Swinburne ]]|alt=Página 1 de William Blake, un ensayo críticoWilliam Blake, un ensayo crítico (Swinburne).pdf|alt=Página 2 de William Blake, un ensayo crítico|page=2</galería>
La etiqueta de la galería también ofrece algunos parámetros, comoanchos,alturasymodoentre otros. La documentación completa está disponible en mw:Ayuda:Images#Gallery sintaxis. Por ejemplo:
<gallery mode="packed-hover" heights="180">
Archivo:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[ Galerella sanguinea ]]'' (Mangosta delgada)Archivo:Felis silvestris silvestris.jpg|''[[ Felis silvestris | Felis silvestris silvestris ]]''Archivo:Gato de seis semanas (también conocido como).jpg|''[[ Felis silvestris catus ]]'' (Un gato joven)Archivo:Felis catus-gato en la nieve.jpg|''[[ Felis catus ]]'' (gato en la nieve)Archivo:Gato cansado de 20 años.jpg|''[[ Felis silvestris catus ]]'' (Gato cansado de 20 años)Archivo:Gato Noviembre 2010-1a.jpg|''[[ Felis silvestris catus ]]'' (Gato)Archivo:Felis silvestris silvestris Luc Viatour.jpg|''[[ Felis silvestris silvestris ]]'' (gato montés europeo)Archivo:June odd-eyed-cat cropped.jpg|''[[ Felis catus ]]'' (Gato doméstico)Archivo:Lynx gatito.jpg|''[[ Lynx lynx ]]'' (Un lince joven) < /galería>
La plantilla {{ Gallery }} ofrece un tercer método:
{{ Galería | título = Representaciones culturales de George Washington | ancho = 160 | altura = 170 | alinear = centrar | Archivo:Salón Federal de Nueva York 27.JPG | alt1 = Detrás de la estatua frente a un edificio de la ciudad cuya fachada son columnas griegas cubiertas por una enorme bandera estadounidense | La estatua de Washington afuera del [[ Federal Hall ]] en [[ Nueva York ]] , mirando a [[ Wall Street ]] . | Archivo:Monte Rushmore2.jpg | alt2 = Perfil de cara de piedra que sobresale de la ladera de una montaña. Tres trabajadores trepan por encima, cada uno aproximadamente a la altura del labio superior de la cara. | Construcción del retrato de George Washington en el [[ Monte Rushmore ]] , c. 1932. | Archivo:2014 ATB Quarter Obv.png | alt3 = Moneda de plata con perfil del busto de Washington. Tiene un rostro majestuoso hacia la izquierda y lleva una coleta de estilo colonial en el pelo. "ESTADOS UNIDOS DE AMÉRICA" está en la parte superior, "CUARTO DE DÓLAR" en la parte inferior, "LIBERTAD" a la izquierda y "EN DIOS CONFIAMOS" encima de la "P" a la derecha. Justo debajo del busto está escrito "JF uc" en letras minúsculas. | Washington se conmemora en el [[ Quarter (moneda de Estados Unidos) | cuarto ]] . | Archivo:Anverso de la moneda presidencial de $1 de George Washington.png | alt4 = Moneda de oro con el busto de Washington mirando ligeramente a la izquierda pero mirando severamente al espectador. "GEORGE WASHINGTON" está arriba, "1er PRESIDENTE 1789–1797" abajo y "JFM" en letras minúsculas en la base del busto. | Washington también se conmemora con unas [[ moneda de dólar (Estados Unidos) | monedas de un dólar ]] . }}
Como último recurso, puede forzar al navegador a insertar un salto, haciendo que todo el texto y las imágenes aparezcan debajo de la parte inferior de la primera imagen. Esto puede producir lagunas bastante poco atractivas, especialmente en el texto adjunto. Recuerde que el texto fluirá y se ajustará de manera diferente para otros usuarios, según el navegador elegido, la resolución de pantalla, el tamaño de fuente predeterminado, las opciones de accesibilidad, la cantidad de barras de herramientas y barras laterales (como paneles de mensajería instantánea) y más. No fuerce el diseño de la página sólo para que se vea bonito en su pantalla. Hackea sólo cuando sea absolutamente necesario. Siempre que sea posible, utilice simplemente el flujo de página lógico más simple.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bandera de Escocia
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Imágenes simples
La mayoría de las imágenes de los artículos son miniaturas, pero a veces las necesidades más especializadas requieren un control más detallado. Se puede insertar una imagen simple sin formato con:
[[File:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]
En esta imagen simple, el texto A cartoon centipede reads books and types on a laptop.no es visible como título. En cambio, aparece como el texto del título de la imagen, que comúnmente se muestra como información sobre herramientas al pasar el mouse sobre ella . En una miniatura, el texto alternativo por defecto está vacío, pero el texto alternativo de una imagen simple por defecto es el texto del título, si se proporciona, y el nombre del archivo de la imagen, si no; este valor predeterminado se puede anular con una opción explícita. El texto del título, al igual que el texto alternativo, ignorará cualquier marcado Wiki.alt=Alt text
Una imagen simple se puede colocar en cualquier parte del artículo y actúa como un carácter grande en el texto, de modo que el texto cercano no flote ni se enrolle alrededor de ella. Por ejemplo:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
* *
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Nota: Para lograr una imagen simple con un título, se puede usar {{ Imagen simple con título }} . El título se agrega automáticamente como título y texto alternativo de la imagen, y cualquier marcado wiki utilizado en él se mostrará correctamente en el título, pero se eliminará automáticamente del texto alternativo y del título. Vea un ejemplo aquí .
Tamaños de imagen simples
Una imagen simple tiene por defecto el tamaño nativo de la imagen. Esto se puede anular con un tamaño explícito. Por ejemplo:
[[File:Wikipedesketch.png|50px|A cartoon centipede reads books and types on a laptop.]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
**
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
La framelessopción hace que una imagen simple tenga por defecto el mismo tamaño que una miniatura. Al igual que con las miniaturas, el valor predeterminado se puede ajustar con la opción. Si utiliza el valor predeterminado común de 220 píxeles para el ancho de las miniaturas, el ancho de la imagen de ejemplo siguiente será de 220 × 0,2 píxeles, que se redondea a 40 píxeles:upright=factor
[[File:Amun.svg|frameless|upright=0.2|alt=Full-length profile of man in ancient Egyptian clothing. He has red-brown skin and wears a helmet with tall yellow plumes.|The Egyptian god Amun, portrayed before the Amarna period]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
**
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Borde
La borderopción agrega un borde de un píxel, que puede resultar útil cuando es importante distinguir la imagen del fondo. Aquí está la misma imagen con y sin borde.
[[File:Flag of Japan.svg|border|30px|White flag containing solid red circle]]
[[File:Flag of Japan.svg|30px|White flag containing solid red circle]]
Esto genera "" .
Colocación horizontal
Al igual que las miniaturas, las imágenes simples pueden flotar hacia la izquierda o hacia la derecha con el texto fluyendo a su alrededor; o centrado o puesto a la izquierda sin flujo de texto. La única diferencia es que el rightparámetro es necesario para hacer flotar una imagen simple hacia la derecha, mientras que flotar hacia la derecha es el valor predeterminado para las miniaturas. Por ejemplo:
[[File:Wikipedesketch.png|right|A cartoon centipede reads books and types on a laptop.]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil.
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidun lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Entero en mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Fermento hecho. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arco. Aliquam consecuencia. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictamen.
Alineación vertical
Cuando aparece una imagen simple en el texto, se alinea de modo que su centro vertical esté aproximadamente donde estaría el centro de una "x" minúscula; si la imagen es más grande que la línea, sobresale tanto por arriba como por abajo. La sintaxis de alineación vertical proporciona varias opciones para ajustar esto. Por ejemplo, la baselineopción:
x[[File:Flag of Hungary vertical.svg|baseline|8px|Vertical version of horizontal tricolor flag (red, white, green)]]x
genera " xx " en lugar del valor predeterminado " xx ". Las opciones disponibles para la alineación vertical, junto a la salida que generan, son , (el valor predeterminado), , , , , y .baselinemiddlesubsupertext-toptext-bottomtopbottom
Normalmente, una imagen enlaza con su página de imagen, que describe la imagen, quién la creó y enlaza con la imagen original en resolución completa. Esto suele ser lo mejor para el lector y, a menudo, lo exige la elección por parte del usuario de una licencia CC-BY-SA para la imagen.
Si la imagen es de dominio público y no requiere atribución a quien la subió, puede crear una imagen simple que enlace a alguna otra ubicación usando la linkopción.
Para vincular a otra página, especifique su nombre en la opción de vínculo junto con un título apropiado que indique a los lectores lo que sucederá si hacen clic en el vínculo. Este título sirve como texto de título para la información sobre herramientas y como texto alternativo para lectores con discapacidad visual. Por ejemplo, [[File:Flag of France.svg|20px|link=France|France]]genera una bandera.que enlaza con el artículo Francia .
Para vincular a un sitio externo, especifique su URL en la opción de vínculo junto con un título apropiado. Por ejemplo, [[File:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|Belgium government portal]]genera una bandera.que enlaza con el portal en inglés del gobierno belga.
Para vincular a otro sitio de Wikimedia, utilice la abreviatura del sitio. Por ejemplo, [[File:Orcus symbol.svg|20px|link=wikt:🝿]]genera, que enlaza con la entrada del Wikcionario (inglés) para ese símbolo.
Una imagen puramente decorativa, que no transmite información y no hace nada cuando se hace clic en ella, se puede especificar con un atributo alt vacío. Por ejemplo, [[File:Flag of the United States.svg|20px|link=|alt=]]genera una bandera que es puramente decorativa. Sin embargo, los archivos puramente decorativos solo se pueden utilizar legalmente de esta manera si son de dominio público o cumplen con WP:NFCC .
Mapas de imágenes
Puede vincular diferentes partes de una imagen a diferentes ubicaciones utilizando un mapa de imágenes. Por ejemplo, en la imagen de la derecha, hacer clic en un círculo que corresponde aproximadamente al retrato de la izquierda lleva al lector a William Jennings Bryan , hacer clic en el retrato de la derecha va a Arthur Sewall y hacer clic en cualquier otro lugar va a http://projects.vassar.edu/1896/democrats.html. Esta imagen es generada por el siguiente marcado:
<mapa de imágenes>File:Bryan-Sewall.jpg|300px|right|alt=1896 Póster de la campaña demócrata con los nominados William J. Bryan de Nebraska para presidente y Arthur Sewall de Maine para vicepresidentecírculo 950 850 700 [[ William Jennings Bryan | William J. Bryan ]]círculo 2950 850 700 [[ Arthur Sewall ]]predeterminado [ http://projects.vassar.edu/1896/democrats.html Demócratas de 1896] </imagemap>
Este marcado de mapa de imágenes especifica que el texto del título (información sobre herramientas) para las tres regiones es "William J. Bryan", "Arthur Sewall" y "1896 Democrats", respectivamente. El texto alternativo de una región de mapa de imágenes es siempre el mismo que el texto del título; El texto alternativo de la imagen general se proporciona en la primera línea del marcado del mapa de imagen. Las dimensiones nativas de la imagen subyacente son 3916×1980 y las coordenadas se dan en estas dimensiones en lugar de en el cambio de tamaño de 300px. Como se describe en la documentación del mapa de imágenes, las regiones se pueden especificar como círculos, rectángulos y polígonos arbitrarios, y el icono azul "i" se puede mover o suprimir. Además, la imagen se puede especificar como thumbo frame, lo que significa que tiene texto alternativo y un título de la forma habitual, con un ícono de doble rectángulo en lugar del ícono azul "i" .
Para hacer esto fácilmente, puede utilizar un gadget de Commons , llamado ImageMapEdit , de Dario D. Müller (ImageMapEdit_Howto). Para usarlo, primero debe habilitar ImageMapEdit (haciendo clic en la casilla de verificación) en la página del widget Preferencias (que se encuentra al final del segundo grupo de gadgets).
Luego, debajo de una imagen de Commons aparece el enlace ImageMapEdit > , que activa el widget.
Veamos el ejemplo de un ojo, en el que seleccionaremos con un círculo la zona de la córnea :
Seleccionar el área de la córnea de un ojo.
Copie el contenido del wikicode generado en el portapapeles . Con Editar (fuente) , pega el contenido del portapapeles en el artículo (ocasionalmente una plantilla, y en este caso: en esta ayuda) de Wikipedia, según corresponda.
<mapa de imágenes>Archivo:Ojo de águila (búho).JPG|círculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</mapa de imagen>
Añade en el código (<imagemap>...) de la imagen (ya copiada en el artículo) el ancho que creas adecuado (en este caso hemos elegido 250px) en la línea del nombre del archivo, como se muestra:
<mapa de imágenes>Archivo:Ojo de águila (búho).JPG|250pxcírculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</mapa de imagen>
El resultado será:
Intente mover el cursor del mouse sobre la córnea.
ImageMap no está habilitado para contener un pie de página, por este motivo debemos incluir el código anterior en una tabla. Por ejemplo:
{|class="wikitable" width="256" align=izquierda| <mapa de imágenes>Archivo:Ojo de águila (búho).JPG|250pxcírculo 1028 717 299 [[ Córnea ]]desc abajo a la izquierda</mapa de imagen>|-| Haga clic en la córnea {{ pequeña|(indicada por el cursor del mouse) }} en la imagen del ojo del búho real.|}{{ - }}
Superponer anotaciones en una imagen
Algunos diagramas se cargan sin texto, para que puedan usarse en varios idiomas; o es posible que desee agregar enlaces a una imagen en los que se pueda hacer clic. En tales casos, se pueden agregar anotaciones de texto a una imagen con las plantillas Plantilla:Imagen anotada o Plantilla:Imagen anotada 4 .
Estas plantillas permiten incluir wikitexto (por ejemplo, texto normal, enlaces wiki y plantillas de referencia) en la propia imagen. También se pueden usar para recortar una imagen y enfocarla en una parte particular de ella o, alternativamente, expandir el área blanca alrededor de una imagen para una mejor ubicación del wikitexto.
Vincular sin mostrar
Digamos que desea vincular la imagen sin mostrarla. Puede hacerlo agregando dos puntos antes del prefijo "Archivo:". Puedes llevarlos a la página de la imagen, donde les dice quién la subió, cuándo, cuál es el estado de los derechos de autor, etc.:
Cuando se hace clic en el enlace, la imagen se muestra con otra información de texto en un tamaño razonable. El usuario puede hacer clic en la imagen de tamaño mediano resultante para acceder a la imagen de mayor resolución en tamaño completo.
También puedes enviar al usuario directamente a la imagen:
[[Media:Wikipedesketch.png]]
Medios: Wikipedesketch.png
Esto dice Media:en lugar de File:. Cuando el usuario hace clic en el enlace, el navegador va directamente a la imagen. Como antes, puedes cambiar el texto para que diga lo que quieras.
[[Media:Wikipedesketch.png|A cartoon centipede reads books and types on a laptop.]]
Un ciempiés de dibujos animados lee libros y escribe en una computadora portátil.
Esto puede resultar incómodo si la imagen es bastante grande, ya que se mostrará la imagen en tamaño completo cuando el usuario haga clic en el enlace.
Finalmente, puede vincular una imagen desde el pequeño ícono de doble rectángulo de una miniatura , pero mostrar otra imagen usando " ". Esto está pensado para los raros casos en los que el software de Wikipedia que reduce imágenes a miniaturas hace un mal trabajo y usted desea proporcionar su propia miniatura. En el siguiente ejemplo, el doble rectángulo enlaza con File:Anime stub 2.svg pero la imagen que se muestra es File:Anime stub.png :|thumb=Displayed image name
Armando el rompecabezas
[[File:Anime stub 2.svg|thumb=Anime stub.png |alt=Head of cute girl, manga-style, with blue hair, big eyes and smile, and gray puzzle pieces below and around her hair |Putting the puzzle together]]
El título puede tener etiquetas de enlace incompletas, especialmente [[s y ]] no emparejadas que se interpretan como sintaxis de imagen.
La imagen anterior puede tener una sintaxis de imagen incorrecta, especialmente un ]] incompleto al final.
Se deben seguir las mayúsculas en el código wiki; por lo tanto, si un archivo de imagen es Imagen:Foto de Wikipede.JPG , necesitarás usar letras mayúsculas para "JPG".
Al colocar o cambiar el tamaño de las imágenes, suele ser mejor editar la página completa, en lugar de solo una sección, para evitar superposiciones inesperadas con otras secciones del artículo.
Antes de publicar cualquier imagen, tenga en cuenta que pueden contener datos ocultos. Estos datos pueden incluir comentarios que no se muestran, metadatos Exif y mensajes ocultos mediante esteganografía .