Fitxers multimèdia

L'editor que porta incorporat el sistema d'XTECBlocs permet integrar arxius d'imatge, de so i de vídeo dins els articles o pàgines.

Per afegir un fitxer d'aquests tipus dins un article o pàgina, teniu tres possibilitats: Pujar el fitxer d'imatge, de so o de vídeo al bloc i, una vegada pujat, afegir-lo o col·locar-lo dins l'article o pàgina que esteu redactant.

Pujar el fitxer en un espai web que ofereixi allotjament i una vegada el teniu pujat, copiar l'URL on es troba (Picasa, Flickr, Odeo, Goear, Youtube, Vimeo, l'Edu3.cat...).

Carrega dels fitxers al bloc dins de l'editor

Per tal d'inserir l'arxiu a la pàgina o article haureu de clicar a sobre el botó Afegeix un mèdia.

A continuació feu clic al botó Seleccioneu fitxers i cerqueu al vostre ordinador el fitxe que voleu afegir (imatge, àudio o vídeo).

Un cop seleccionat el fitxer feu clic al botó insereix a l'article.

Heu de tenir present que aquesta opció no és massa aconsellable ja que consumireu una gran part de l'espai que teniu assignat per al bloc i de seguida l'esgotareu.

Carrega dels fitxers des d'una web

Per inserir qualsevol fitxer la millor opció és fer-ho des d'alguns dels llocs webs que ens ofereixen allotjament per als nostres arxius, fet que alleugerirà el contingut del bloc.

En aquest cas solament serà necessari copiar l'enllaç URL de la imatge, que us proporcionin a la web i fer clic a la icona Insereix/edita una imatge o Insereix/edita un mèdia incrustat.

En el cas d'inserir una imatge caldrà indicar l'URL de la imatge, la descripció... i fer clic al botó Insereix.

En el cas de voler inserir un mèdia caldrà indicar el tipus de mèdia (vídeo, àudio, flash, quicktime, shockwave, windowsmedia, realmedia o iframe), l'URL del mèdia i fer clic al fotó Insereix.

També podeu fer una inserció dels fitxers amb el mateix sistema que a la secció anterior de pujar els fitxers al bloc.

Què cal fer si els fitxers d'imatge són molt grans?

Pujar les imatges a serveis externs (Picasa, Flickr...)

La majoria dels serveis d'allotjament de galeries permeten compartir-les mitjançant el seu URL.

A banda, alguns d'aquests serveis com Picasa o Flickr també ofereixen la possibilitat d'inserir les imatges a qualsevol espai web en forma de presentació de diapositives a través d'un codi "embed" que cal enganxar en el cos de les notícies i articles. En el cas de Picasa i Google+ Photos, també es poden afegir en forma de Carrusel de diapositives.

En cas de voler posar més de 10 imatges en una entrada, la millor forma és fer-ho a través d'un servei extern.

Reduir la mida de les imatges online

A internet hi ha diferents pàgines web que permeten canviar la mida de les imatges. Una bona opció és Resizer.es. Aquesta pàgina permet redimenisonar fins a 20 imatges alhora. Per fer-ho cal seguir els passos següents:

• 1. Seleccionar els fitxers.

  2. Triar la mida de les imatges (opció recomanada 1024x728).

  3. Triar una de les opcions del pas 3 (opció recomanada Cambiar el tamaño y recortar por las dimensione exactas marcadas per evitar que la imatge es deformi).

  4. Finalment el sistema dóna l'opció de descarregar les imatges de forma individual o bé comprimides en un fitxer ZIP.

Reduir la mida de les imatges amb Gimp

Quan pugeu imatges (i altres fitxers) al bloc, heu de tenir molt de compte amb la mida que ocupen, ja que, amb poques imatges, podeu consumir tot l'espai que teniu assignat per al bloc. Aquest detall és molt important i cal parar molta atenció!

Si pengeu imatges fetes amb una càmera fotogràfica sense tractar-les prèviament, és fàcil que cada imatge ocupi entre 3 i 5 MB i, per tant, es faci necessari un tractament previ abans d'afegir-les als articles o pàgines del bloc.

Abans de posar una imatge és recomanable comprovar que aquesta imatge s’ha reduït i no ocupa més d’uns 1024px (aproximadament) d’amplada. A continuació, trobareu algunes recomanacions que us ajudaran a reduir-la:

• JPEG: Aquest format és recomanable per a imatges amb molts colors (més de 256, que són els que admeten els GIF), com ara les fotografies.

• GIF: Format adequat per a imatges amb poca varietat de colors, com ara captures de pantalla. També és un format vàlid per a imatges amb transparències.

• PNG: És l'evolució del GIF i accepta més colors. De totes formes, encara hi ha navegadors que no accepten les transparències fetes amb PNG. Per tant, aquest format és recomanable per a imatges sense transparències, com ara captures de pantalla.

Podeu fer servir el GIMP per optimitzar la mida d'una imatge:

• Obriu la imatge amb el GIMP (si no el teniu, el podeu descarregar gratuïtament de Softcatalà).

• Si es tracta d'una imatge de mides grans, el primer que heu de fer és reduir-ne les dimensions. Recordeu que és recomanable no fer servir imatges superiors de 800px d'amplada. Així doncs, aneu a l'opció Imatge | Escala la imatge... i, mantenint la proporció, introduïu l'amplada (si manteniu la proporció, l'alçada es determinarà automàticament).

• Aneu a l'opció de Fitxer | Exporta de la part superior de la imatge.

• Se us obrirà una finestra nova amb diferents opcions:

• Nom: escolliu el nom que li voleu donar al fitxer final

• Desa en la carpeta: escolliu la carpeta on voleu desar la imatge

• Navega per altres carpetes: navegueu per altres carpetes on voleu desar la imatge

• Seleccioneu tipus de fitxer (Per extensió): escolliu el format de fitxer amb què voleu desar la imatge

NOTA: Si, en posar el nom del fitxer, hi poseu també l'extensió que voleu, ja no caldrà seleccionar el tipus de fitxer posteriorment.

• Un cop escollides les opcions anteriors, cliqueu al botó Desa.

• Se us obrirà una finestra nova amb unes opcions per controlar la qualitat de la compressió de l'arxiu. Els paràmetres per defecte ja estan bé, però, si ho preferiu, podeu anar fent proves i quedar-vos amb el fitxer que s'adapti millor a les vostres necessitats.

Image Resizer (per Windows)

L'Image Resizer permet, de forma senzilla, redimensionar imatges des de l'explorador de fitxers seleccionant-les i fent clic amb el botó dret.

Podeu descarregar el programa fent clic en aquest enllaç. Un cop descarregat i instal·lat, només cal accedir a la carpeta on es trobin les imatges, seleccionar-les, fer clic amb el botó dret i triar l'opció Resize pictures. 

A continuació, s'obrirà una finestra per triar les opcions per redimensionar. Les opcions recomanades són les següents:

En posar només 1024px el programa calcularà de forma automàtica l'altra mida mantenint així la proporció de les fotografies.

Les imatges noves es desaran a la mateixa carpeta afegint al final del nom la paraula (Custom), (Small), (Medium), (Large)... segons l'opció triada.