Les imatges que inserirem en les entrades d’un blog poden estar emmagatzemades en el mateix espai que el web o en URL externes. Els tipus d’imatges que poden utilitzar són els següents:

• .jpg / .jpeg
• .gif
• .png

Inserir una imatge que allotjarem al servidor del propi blog

Per inserir una imatge seguim el procediment següent:

1. Situem el cursor allà on ha de visualitzar-se la imatge i fem clic al botó “Afegeix un mèdia” que trobem a sobre de les barres d’eines de l’editor.

   

2. A continuació, apareixerà una pantalla amb diverses opcions. Una d’elles, “Upload Files”, dóna accés a un aplicatiu que ens permet penjar la imatge de dues maneres diferents:
   • arrossegant-la des d’un dels dispositius d’emmagatzematge del nostre ordinador, o bé
   • fent clic al botó “Selecciona” per seleccionar-la utilitzant el quadre de diàleg que obrià el nostre ordinador per donar-nos accés a les imatges que hi tinguem emmagatzemades.
3. Un cop penjada la imatge el procés ja s’ha completat.
4. A l’esquerra de la pantalla apareix un formulari amb informacions diverses (nom de la imatge, data en què ha estat penjada i mida original en píxels) i diversos camps de text amb informació sobre la imatge que haurem de completar:
   • Títol : donem un títol a la imatge. Aquest títol, però no és el text que es mostrarà si els navegants situen el cursor a sobre de la imatge, si volem que això passi haurem d’escriure el títol editant la imatge un cop inserida (Vegeu l’entrada “ Edició de les imatges inserides en les entrades del blog (amb WordPress) “).
   • Llegenda : text que apareixerà com a peu de la imatge.
   • Alt text : si la imatge no està disponible, el text que s’escrigui en aquest camp serà el que es visualitzarà en el seu lloc. Aquest és també el text que utilitzen els lectors de pantalla per interpretar el contingut de la imatge.
   • Descripció : podem incloure una descripció més completa de la imatge o fer comentaris sobre ella. En completar aquest apartat estarem creant una pàgina a la qual es podrà accedir en fer clic a sobre d’ella.
   • Alineació : indicarem la posició de la imatge en relació al text. Hi ha 4 alineaments possibles:
     • Esquerra : la imatge flota a l’esquerra del text, el text flueix a la seva dreta.
     • Centrat : la imatge se situa en el centre de l’entrada i el text queda a dalt i a baix de la imatge.
     • Dreta : la imatge flota a la dreta del text, el text flueix a la seva esquerra.
     • Cap : la imatge se situa en línia amb el text.
   • Link to : és la URL amb la qual ha d’enllaçar la imatge. Hi ha quatre opcions:
     • Custom URL : podem indicar una URL, dins o fora del nostre blog.
     • Media File : les imatges poden inserir-se en la seva mida original o més petites. Si les hem inserit en una mida reduïda i volem que els navegants puguin veure la imatge amb la seva mida original, llavors utilitzarem aquesta opció, ja que la imatge queda emmagatzemada amb la seva mida real en un enllaç permanent del lloc web on tenim el blog.
     • Pàgina adjunta : si hem afegit una descripció a la imatge, en fer clic a sobre de la imatge, hi accedirem.
     • Cap : la imatge no enllaçarà amb cap recurs.
   • Mida : quan pengem una imatge, aquesta tindrà una mida que pot excedir l’espai disponible en la nostra entrada. És per això que l’aplicatiu realitza un redimensionament. En aquest cas ens pots oferir diverses mides que escollirem en funció de les nostres intencions de disseny. Segons de la grandària del fitxer penjat, les mides que ens pot arribar a oferir seran “miniatura”, “mitjana”, “gran” o “mida original”.
5. Per finalitzar fem clic al botó “ Insert into post “.

La imatge ha quedat inserida. Si volem modificar algun dels paràmetres introduïts, haurem d’editarla (Vegeu l’entrada “ Edició de les imatges inserides en les entrades del blog (amb WordPress) “).

Un cop les imatges ja han estat penjades en el servidor, les tindrem disponibles per inserir-les en qualsevol entrada del blog ja que estaran emmagatzemades a la nostra mediateca.

Inserir una imatge del web

Si la imatge que volem penjar està en una ubicació fora del nostre lloc web, seguirem el procediment següent:

1. Situem el cursor allà on ha de visualitzar-se la imatge i fem clic al botó “Afegeix un mèdia” que trobem a sobre de les barres d’eines de l’editor.

   

2. En la pantalla que apareixerà a continuació, fem clic a l’opció “ Insert from URL “.
3. Un formulari ens permetrà establir els paràmetres de la imatge:
   • URL de la imatge (adreça completa de la imatge que es troba en un altre servidor d’Internet).
   • Llegenda : text que apareixerà al peu de la imatge.
   • Alt text : text alternatiu que es llegirà si la imatge no està disponible i que serà utilitzat pels lectors de pantalla.
   • Alineació : posició de la imatge respecte del text (esquerra, centrat, dreta, cap).
   • Link to : crearà l’enllaç al recurs que indiquem (l’adreça URL on està la imatge, una URL diferent a la que conté la imatge i que pot apuntar a qualsevol altre recurs d’Internet o, finalment, cap).