Insertar imagen o galería
Una imagen bien utilizada puede agregar valor informativo a una noticia o un contenido.
En esta página
Por qué usar imágenes (y por qué no)
Insertamos imágenes en el cuerpo de texto (fotografías o ilustraciones) para complementar una información (como las fotos de una actividad institucional dentro de una noticia), aumentar su impacto (como las fotos de naturaleza en la página de un parque nacional) o su recordación (como una ilustración que acompaña un contenido educativo).
En un texto extenso, insertar una imagen cada tres o cuatro párrafos puede mejorar la experiencia del usuario.
Cada imagen que pongas en el body va a estar ubicada entre párrafos, ocupará todo el ancho del cuerpo de texto y quedará alineada a la izquierda.
Nunca debés poner una imagen al inicio del body, antes del primer párrafo de texto.
Las imágenes del body debe tener las siguientes características técnicas (formato, tamaño, nombre, peso).
- Propiedad: propias, de dominio público o con la autorización que corresponda debidamente acreditada.
- Resolución: 72 dpi.
Más resolución no agrega más información, solo hace más pesado el contenido. - Ancho: 800 píxeles.
Si es más chica, quedará un espacio vacío a su derecha; si es más grande, ocupará el 100% del ancho del body. - Alto: va a depender de lo que muestre.
Una imagen de relación de aspecto 16:9 (como las de la galería de imágenes que explicamos más abajo), por ejemplo, debe tener 800 px de ancho por 450 px de alto.
No uses imágenes cuadradas (relación 1:1) ni más altas que anchas, porque aumentan el scroll del usuario. - Nombre del archivo: debe ser legible.
Sugerimos que tenga una estructuraorganismo+título-contenido+fecha (si es noticia); por ejemplo,jefatura-noticia-evento-2024-02-17.jpg.
Abrí las imágenes de esta página en otra pestaña y fijate cómo las nombramos. - Fotos: solo como .jpg.
- Ilustraciones simples o con fondo transparente: podés subirlas como .png.
- Peso: el más liviano posible. El máximo permitido es 3 Mb.
- Si no tenés un programa de edición de imágenes, en internet hay muchos sitios que te permiten hacerlo en línea y gratis.
- Si habitualmente te las envían de otras área del organismo (prensa, comunicación), copiá y mandales este vínculo así te las dan bien editadas.
Buenas y malas prácticas
Solo subí imágenes que tengan valor (información, impacto, recordación) para el usuario.
No juntes imágenes parecidas, como fotos de una actividad desde posiciones similares y con los mismos protagonistas. Si vas a poner varias, que tengan variedad entre sí.
En ningún caso la imagen reemplaza un texto: la Ley 26653 de accesibilidad web lo prohíbe, porque esa información no es accesible para las personas con discapacidades visuales.
No subas imágenes con nombres genéricos (por ejemplo, las que te envían por Whatsapp), renombralas como explicamos arriba.
Por usabilidad, las imágenes nunca van dentro de un párrafo de texto ni lo cortan.
Insertar una imagen
Dentro del cuerpo de texto podés referenciar una imagen que ya habías subido a argentina.gob.ar (si conocés su url) o subir una por primera vez.
Para insertar una imagen que ya estaba subida en argentina.gob.ar, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
Por ejemplo, el código
muestra la siguiente imagen con su epígrafe.
Si prestás atención al código, vas a ver que es el mismo del hipervínculo al que le agregás al inicio un símbolo de admiración de cierre ! y después de la url el epígrafe entre comillas.
Si vas a subirla por primera vez:
- Primero verificá que la imagen cumple con las pautas que informamos más arriba.
- Entrá al formulario de edición del contenido (página, página de libro, noticia, área) y bajá hasta el apartado «Insertar imagen body» que está debajo del campo del body.
- Seleccioná el archivo y subilo.
- Completá dos de los campos de texto que aparecen debajo de la miniatura de la imagen:
- Texto alternativo: describí la imagen, paso obligatorio por accesibilidad web (es la información que leen los lectores de pantalla a las personas con discapacidad visual).
- Título: escribí el texto que se va a mostrar como epígrafe de la imagen (no obligatorio).
- Hacé clic en el lugar del body donde vas a poner la imagen.
Recordá que la imagen debe ir entre dos párrafos con una línea libre arriba y abajo. - Bajá hasta el lugar donde subiste la imagen y hacé clic en el botón «Insertar».
Como resultado, se agrega el código markdown en el lugar del body que elegiste en el paso anterior.
El componente «Insertar imagen body» te permite subir tantas imágenes como necesites.
Insertar una galería de imágenes
La galería es un recurso que le permite al usuario ver una imagen y, si lo desea, pasar a otra con un clic o desplazando el dedo sobre ella a los costados si está en un celular.
Como es el usuario quien decide si navega por la galería o no, la primera imagen se destaca, en tanto que las demás pierden valor (porque el usuario puede decidir no verlas).
Para insertar una galería de imágenes, copiá el siguiente código, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.
[[galeriaFotoMarkdown
{}
]]
Repetí la segunda línea del código tantas veces entre la primera y la última como imágenes haya (con la información que le corresponda a cada una).
Tené en cuenta que, a más imágenes, más pesado el contenido (y muy probablemente nadie navegue por tantas).
Cada imagen debe ser .jpg, tener relación de aspecto 16:9 (800 X 450 píxeles) y una resolución de 72 dpi.
Si la relación de aspecto es diferente, se van a ver bandas grises a los costados, como en el ejemplo de más abajo. Si es png con fondo transparente, el fondo va a ser gris.
Por ejemplo, el código
[[galeriaFotoMarkdown
{}
{}
{}
{}
]]
se ve así (probá navegarlo en un celular).
