Imágenes
Tamaño
- Cuando se ubica una única imagen, no se recomienda un tamaño superior a 600 px, siendo el recomendado 560 x 315, estándar de tamaño adoptado por Youtube y Facebook.
Lupa (lightbox)
- Si se requiere mayor tamaño se puede usar el efecto lupa que abre una ventana flotante donde se puede representar una imagen más grande.
- Seleccionada la imagen hay que insertar un enlace, en el campo REL seleccionar lightbox y como destino la misma imagen.
Posicionamiento:
- Los elaboradores deberán decidir si quieren ponerla a todo lo ancho, centrada sin texto alrededor o flotando (izquierda/derecha) con texto alrededor, aunque se recomienda ubicar las imágenes centrada, de manera prioritaria y por defecto, evitando las alineaciones a derecha e izquierda combinadas con texto, puesto que este hecho dificulta su visualización en dispositivos con pantalla pequeña.
- Si lleva texto alrededor, usar alineación de propiedades (float).
- No se recomienda el uso de tablas.
- En caso de necesitar ubicar dos o más imágenes, por temas de accesibilidad, deben usarse las Plantillas (Insertar --> Plantilla)
Leyenda
- Dentro del contenido Solo se puede usar Descripción y Título (sale al pasar el ratón por encima), de la primera pestaña de propiedades de la imagen (Para lector de pantalla). No se rellena la leyenda.
Créditos
- Tamaño: fijo 200px de alto como máximo.
- Elaboración propia contenido en el propio ELP: hay que poner autor y licencia.
- Contenido fuera del ELP: Hay que decidir si es necesario poner autoría (ya que no esta contenido en nuestro ELP y solo hacemos referencia a su ubicación para que el usuario pueda verlo), solo enlace al recurso en su ubicación es suficiente o si ni siquiera hace falta ponerlo en créditos.
Personaje Retor
- Insertar:
- Como imagen SIN OPTIMIZAR
- Tamaño de referencia:
- Dentro iDevice 125px
- Fuera 250px
Posicionamiento
- Se recomienda usar alineación izquierda de propiedades (float: left;)
- Si el texto lleva lista ponerle style="overflow: hidden;" a la etiqueta "ul" o "ol".
Leyenda
- En Título (primera pestaña de propiedades imagen) "Retor dice"
Pictograma
- Entrega al soporte técnico:
- Deben entregarse al técnico descargados de la web de ARASAAC (png).
- Con resolución estándar (500x500 px), la misma de la web.
- Llevará incorporada en la imagen la palabra.
- Y el color de borde estipulado.
- Irán situados dentro de un bocadillo asociado a la palabra que ejemplifica. En el bocadillo solo estará el pictograma.
- Tamaño (Solo para soporte técnico):
- Normalmente 164x164 px tamaño caja fijo en html.
- Dentro de bocadillos 100x100 px tamaño caja fijo en html.
- Posicionamiento:
- A ser posible usar alineación izquierda de la segunda página de propiedades de la imagen.
- Créditos
- Se añade una página al carrusel de imágenes del REA, con una mención genérica a la autoría: "Los símbolos pictográficos utilizados son propiedad del Gobierno de Aragón y han sido creados por Sergio Palao para ARASAAC (http://www.arasaac.org) , que los distribuye bajo Licencia Creative Commons BY-NC-SA"
- Para la inclusión de una única imagen sin texto alrededor no es necesario usar tablas ni capas. Simplemente se incluye la imagen, se completan los datos de accesibilidad y se referencia adecuadamente. Se recomienda que la imagen esté centrada.
- Las imágenes deben subirse físicamente al REA. Es decir, ninguna imagen puede estar enlazada a una URL externa, ni copiada ni pegada directamente de un sitio web o documento.
Calidad
Si se necesita mucha calidad se puede descargar mayor tamaño, si no 800x450 debería ser suficiente.
Tipos
png, jpg o gif.
Ilustraciones
En caso de necesidad, previa valoración con criterio de selección: muy didáctica y que no haya alternativa, se encargará su realización.