L’asset multimèdia de tipus Imatge serveix per pujar imatges a la pàgina web quan sigui necessari. S’utilitza per acompanyar les notícies i també es pot inserir en pàgines interiors o en els destacats de la portada.

Per crear un contingut d’aquest tipus, simplement cal anar al menú superior ‘Contenido’, seleccionar l’opció Nuevo > Multimèdia i triar l’opció Imatge:

Ubicació de l'asset Multimèdia en el menú Nuevo del gestor de continguts
Captura de pantalla de les definicions de l'asset multimèdia on s'ha resaltat la definició Imatge

Una vegada creat el nou asset, és hora d’omplir els camps. A continuació, detallem cada camp que trobareu per ajudar-vos.

Captura de pantalla parcial del formulari de l'asset multimèdia Imatge a Oracle Webcenter Sites

Camps de l’asset

Els camps que conté són:

  • Nombre: nom d’ús intern per identificar l’asset dins d’Oracle WCS. Ha de començar pel prefix: IMG_.
  • Etiquetas: opcionalment, es poden afegir etiquetes als assets per facilitar-ne la localització.
  • Categoría: camp opcional. Hi ha una categoria preconfigurada, però podeu crear-ne de noves per classificar les imatges del vostre lloc. Pot ser molt útil per treballar de manera més ordenada.
  • Arxiu imatge: pugeu el fitxer d’imatge (formats típics: JPEG, PNG). El nom del fitxer no pot contenir caràcters especials, espais, accents, la lletra Ñ, L·L, etc. Si feu una còpia de l’asset, assegureu-vos que el nou fitxer tingui un nom diferent.
  • Text ALT: Text alternatiu de la imatge. Cal descriure breument què s’hi veu per millorar l’accessibilitat web. Si feu una còpia de l’asset, reviseu i actualitzeu aquest camp amb la descripció de la nova imatge. No ha de ser el nom del fitxer ni cap codi.

No utilitzeu cometes “” al camp Text ALT ja que pot fer que no es mostri aquest text als lectors de pantalla. Les comentes formen part del llenguatge HTML i en aquest camp podrien generar errors.

  • Peu de foto: opcional. Es pot mostrar un peu de foto, molt útil en notícies o quan la imatge mostra persones i es vol indicar el seu nom o l’autoria de la fotografia.

Totes les imatges contribuïdes al portal web de la UAB han de tenir un text alternatiu que les descrigui en el context on s’insereix. Pots saber-ne més a l’apartat d’accessibilitat > text alternatiu i a l’entrada del bloc dels editors web “Siguem accessibles“.

Mides recomanades per a les imatges

Acompanyant notícies (carrusel i detall de la notícia):

  • Mínim: 900 px d’amplada
  • Alçada: lliure
  • Ideal: 900 × 600 px
  • Altres formats es poden veure bé al detall, però es retallen a la portada.

Carrusel de portada:

  • Mida: 2000 x 600 px

Destacats (cortina de la portada):

  • Ideal: 600 × 600 px
  • Altres proporcions també es mostren bé, però es recomana que siguin quadrades.

Part central pàgina interior:

  • Sense laterals: 1300 px d’amplada
  • Amb un o dos laterals: 1000 px d’amplada

Targetes i targetes pòsters:

  • Proporció: 5:3
  • Exemples: 500 × 300 px, 1000 × 600 px
  • Recomanat: 900 × 540 px

Targetes distribuïdores:

  • Proporció: 5:2
  • Exemples: 500 × 200 px, 1000 × 400 px
  • Recomanat: 900 × 360 px

Encara que la pàgina reescali la imatge, no s’ha de pujar en una mida superior a la recomanada, ja que això pot afectar negativament el rendiment del web. Cal retallar la imatge abans de pujar-la a Oracle.

Al blog us donem alguns consells sobre com fer-ho correctament:

Millora la teva imatge!