{"id":2895,"date":"2023-03-31T10:08:49","date_gmt":"2023-03-31T08:08:49","guid":{"rendered":"https:\/\/webs.uab.cat\/edicio-web\/?page_id=2895"},"modified":"2026-04-22T11:20:23","modified_gmt":"2026-04-22T09:20:23","slug":"imatges","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/imatges\/","title":{"rendered":"Imatges"},"content":{"rendered":"\n<p>L\u2019asset multim\u00e8dia de tipus Imatge serveix per pujar imatges a la p\u00e0gina web quan sigui necessari. S\u2019utilitza per acompanyar les not\u00edcies i tamb\u00e9 es pot inserir en p\u00e0gines interiors o en els destacats de la portada.<\/p>\n\n\n\n<p>Per crear un contingut d\u2019aquest tipus, simplement cal anar al men\u00fa superior <strong>\u2018Contenido\u2019<\/strong>, seleccionar l\u2019opci\u00f3 <strong>Nuevo &gt; Multim\u00e8dia<\/strong> i triar l\u2019opci\u00f3 <strong>Imatge<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"660\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia.png\" alt=\"Ubicaci\u00f3 de l'asset Multim\u00e8dia en el men\u00fa Nuevo del gestor de continguts\" class=\"wp-image-4885\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia.png 930w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia-300x213.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia-768x545.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"515\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/DefinicioImatge.jpg\" alt=\"Captura de pantalla de les definicions de l'asset multim\u00e8dia on s'ha resaltat la definici\u00f3 Imatge\" class=\"wp-image-5019\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/DefinicioImatge.jpg 700w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/DefinicioImatge-300x221.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Una vegada creat el nou asset, \u00e9s hora d\u2019omplir els camps. A continuaci\u00f3, detallem cada camp que trobareu per ajudar-vos.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"534\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/asset-imatge.jpg\" alt=\"Captura de pantalla parcial del formulari de l'asset multim\u00e8dia Imatge a Oracle Webcenter Sites\" class=\"wp-image-4879\" style=\"width:567px;height:auto\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/asset-imatge.jpg 567w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/asset-imatge-300x283.jpg 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Camps de l&#8217;asset<\/h3>\n\n\n\n<p>Els camps que cont\u00e9 s\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nombre:<\/strong> nom d\u2019\u00fas intern per identificar l\u2019asset dins d\u2019Oracle WCS. Ha de comen\u00e7ar pel prefix: IMG_.<\/li>\n\n\n\n<li><strong>Etiquetas:<\/strong> opcionalment, es poden afegir etiquetes als assets per facilitar-ne la localitzaci\u00f3.<\/li>\n\n\n\n<li><strong>Categor\u00eda:<\/strong> camp opcional. Hi ha una categoria preconfigurada, per\u00f2 podeu crear-ne de noves per classificar les imatges del vostre lloc. Pot ser molt \u00fatil per treballar de manera m\u00e9s ordenada.<\/li>\n\n\n\n<li><strong>Arxiu imatge:<\/strong> pugeu el fitxer d\u2019imatge (formats t\u00edpics: JPEG, PNG). El nom del fitxer no pot contenir car\u00e0cters especials, espais, accents, la lletra \u00d1, L\u00b7L, etc. Si feu una c\u00f2pia de l\u2019asset, assegureu-vos que el nou fitxer tingui un nom diferent.<\/li>\n\n\n\n<li><strong>Text ALT:<\/strong> Text alternatiu de la imatge. Cal descriure breument qu\u00e8 s\u2019hi veu per millorar l\u2019accessibilitat web. Si feu una c\u00f2pia de l\u2019asset, reviseu i actualitzeu aquest camp amb la descripci\u00f3 de la nova imatge. No ha de ser el nom del fitxer ni cap codi.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-uab-alerta missatge\">No utilitzeu cometes &#8220;&#8221; 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.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Peu de foto:<\/strong> opcional. Es pot mostrar un peu de foto, molt \u00fatil en not\u00edcies o quan la imatge mostra persones i es vol indicar el seu nom o l\u2019autoria de la fotografia.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-uab-info missatge wp-block-uab-a11y\">Totes les imatges contribu\u00efdes al portal web de la UAB han de tenir un text alternatiu que les descrigui&nbsp;<strong>en el context on s\u2019insereix<\/strong>. Pots saber-ne m\u00e9s a l&#8217;apartat d&#8217;accessibilitat &gt; <a href=\"https:\/\/webs.uab.cat\/webedit\/text-alternatiu\/\" data-type=\"page\" data-id=\"5699\">text alternatiu<\/a> i a l&#8217;entrada del bloc dels editors web &#8220;<a href=\"https:\/\/webs.uab.cat\/webedit\/2020\/04\/14\/siguem-accessibles\/\">Siguem accessibles<\/a>&#8220;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mides\">Mides recomanades per a les imatges<\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Acompanyant <strong><a href=\"http:\/\/not\u00edci\">not\u00edcies<\/a> <\/strong>(carrusel i detall de la not\u00edcia):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00ednim: <strong>900 px d\u2019amplada<\/strong> <\/li>\n\n\n\n<li>Al\u00e7ada: lliure<\/li>\n\n\n\n<li>Ideal: <strong>900 \u00d7 600 px<\/strong> <\/li>\n\n\n\n<li>Altres formats es poden veure b\u00e9 al detall, per\u00f2 es retallen a la portada.<\/li>\n<\/ul>\n\n\n\n<p><strong><a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/components-de-portada\/fila-carrusel-imatge-o-video\/\" data-type=\"page\" data-id=\"5566\">Carrusel de portada<\/a>:<\/strong> <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mida: <strong>2000 x 600 px<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Destacats (<strong>cortina <\/strong>de la portada):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ideal: <strong>600 \u00d7 600 px<\/strong> <\/li>\n\n\n\n<li>Altres proporcions tamb\u00e9 es mostren b\u00e9, per\u00f2 es recomana que siguin quadrades.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>Part <strong>central <\/strong>p\u00e0gina interior:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>Sense laterals: <strong>1300 px d\u2019amplada<\/strong> <\/li>\n\n\n\n<li>Amb un o dos laterals: <strong>1000 px d\u2019amplada<\/strong><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.uab.cat\/web\/recerca-1345813123423.html\" target=\"_blank\">Targetes<\/a><\/strong> i <strong><a href=\"https:\/\/www.uab.cat\/web\/formacio-1345813174103.html\" target=\"_blank\" rel=\"noreferrer noopener\">targetes p\u00f2sters<\/a><\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>Proporci\u00f3: <strong>5:3<\/strong> <\/li>\n\n\n\n<li>Exemples: <strong>500 \u00d7 300 px<\/strong>, <strong>1000 \u00d7 600 px<\/strong> <\/li>\n\n\n\n<li>Recomanat: <strong>900 \u00d7 540 px<\/strong><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p><strong><a href=\"https:\/\/www.uab.cat\/web\/uab-barcelona-summer-school-1345844075637.html\" target=\"_blank\" rel=\"noreferrer noopener\">Targetes distribu\u00efdores<\/a><\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Proporci\u00f3: <strong>5:2<\/strong> <\/li>\n\n\n\n<li>Exemples: <strong>500 \u00d7 200 px<\/strong>, <strong>1000 \u00d7 400 px<\/strong> <\/li>\n\n\n\n<li>Recomanat: <strong>900 \u00d7 360 px<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-uab-negatiu missatge\">Encara que la p\u00e0gina reescali la imatge, <strong>no s\u2019ha de pujar en una mida superior a la recomanada<\/strong>, ja que aix\u00f2 pot afectar negativament el rendiment del web. Cal retallar la imatge abans de pujar-la a Oracle.<strong> <\/strong><\/p>\n\n\n\n<p><strong>Al blog us donem alguns consells sobre com fer-ho correctament<\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/webs.uab.cat\/webedit\/2017\/04\/28\/millora-la-teva-imatge\/\" target=\"_blank\" rel=\"noreferrer noopener\">Millora la teva imatge!<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u2019asset multim\u00e8dia de tipus Imatge serveix per pujar imatges a la p\u00e0gina web quan sigui necessari. S\u2019utilitza per acompanyar les not\u00edcies i tamb\u00e9 es pot inserir en p\u00e0gines interiors o en els destacats de la portada. Per crear un contingut d\u2019aquest tipus, simplement cal anar al men\u00fa superior \u2018Contenido\u2019, seleccionar l\u2019opci\u00f3 Nuevo &gt; Multim\u00e8dia i [&hellip;]<\/p>\n","protected":false},"author":39,"featured_media":0,"parent":4525,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2895","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/2895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=2895"}],"version-history":[{"count":29,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/2895\/revisions"}],"predecessor-version":[{"id":7285,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/2895\/revisions\/7285"}],"up":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4525"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=2895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}