Weblog

Entrades etiquetades ‘gimp’

Gimp (2) : Modificar el tamany o la superfície d’una imatge

divendres 21 novembre 2008

Una de les accions més habituals alhora de treballar amb imatges, sobretot si estem preparant imatges per la web, és modificar-ne el tamany i la resolució.

En una propera ocasió ja parlaré en detall del tema de les resolucions, però el que hem de tenir clar és que el concepte resolució és un dels aspectes més important que determina la qualitat final d’una imatge digital, basicament com més resolució més qualitat i a menys resolució menys qualitat.

Ara bé, la quantitat de resolució afecta directament al tamany final del fitxer que emmagatzema la nostra imatge digital i en ocasions, sobretot en el cas de les webs, ens interessa que aquest fitxer ocupi el mínim possible perquè es descarregui prou ràpidament i alhora gasti el mínim d’espai de disc del nostre allotjament web.

Per aixó és habitual que alhora de preparar una imatge, a més a més d’ajustar-la al tamany que ens cal, ajustem la resolució d’acord al seu destí final.

(more…)

Gimp (1) : Girar una imatge un graus concrets

dissabte 15 novembre 2008

Ahir divendres una de les participants al curs que he impartit aquesta setmana a la UPF, em va preguntar com ho podia fer, en el Gimp, per girar una imatge uns graus concrets.

La pregunta en aparença no és tant obvia ja que si estem acostumats a un programa com el Photoshop, tenim l’opció necessària dins el menú IMAGEN/Rotar Lienzo/Arbitrario.

Peró en el Gimp, s’hi anem al menú IMATGE no trobem cap opció similar. És que no ho pot fer ?, es clar que si, la diferencia és que el Gimp ho tracta ja directament com una capa i per tant ens cal anar al menú CAPES/Transforma/Gir lliure

L’opció Gir lliure dins un grup del menú principal CAPES.

Quan escollim Gir lliure ens surt un quadre de diàleg en que podem indicar els graus i característiques del gir, però també podem girar lliurement la imatge amb el ratolí mentres aquest quadre de diàleg esta en pantalla. Quan acabem fem clic al botó GIRA

Ja la tenim llesta, ara la guardem o continuem editant-la amb altres eines.

Les imatges JPEG i els textos

dijous 13 novembre 2008

Cal anar amb compte amb imatges JPEG que incloguin textos o línies fines damunt de superfícies de to continu i similars ja que el mètode de compressió amb pèrdua que utilitzen els fitxers JPEG esta dissenyat i optimitzat per imatges on hi ha molta variació cromàtica, no per imatges amb poca variació cromàtica o grans superfícies d’un mateix to.

I això és el que passa amb el text, ja que els caràcters sovint son tots d’un sol color que en contrast amb el fons on estant escrits provoca que la compressió JPEG “embruti” els contorns dels caràcters.

exemple-jpeg-text-30-boires

Com més elevat és el nivell de compressió més “brut” queda el contorn, especialment si el fons damunt el que hem posat el text, també és d’un sol color.

Quan guardem un fitxer en format JPEG podem escollir el nivell de qualitat final que desitgem i en funció d’això s’ajusta la compressió i pèrdua que realitza un JPEG, d’aquesta manera podem evitar una mica aquesta alteració dels contorns.

A continuació un exemple de la compressió amb tres nivells de qualitat diferents (comptant de 0: poca qualitat, a 100: màxima qualitat).

Com és pot comprovar, a mesura que augmentem el nivell de qualitat del JPEG milloren els contorns del text, no obstant el procés de “destrucció” dels contorns continua existint, malgrat que a l’augmentar la qualitat s’ha dissimulat més. De fet si obrim el JPEG núm. 3, que esta creat amb un nivell de qualitat alt, i l’editem amb el Photoshop o el Gimp, utilitzant l’eina de nivells per forçar els tons, podem observar que al voltant dels contorns del text es mostren pícsels més foscos embrutant les vores del text.

Per tant cal tenir present que això ja queda així i que no te solució, simplement que a més nivell de qualitat més dissimulat, però la destrucció dels contorns existeix igualment, ja que el problema base és que el JPEG es troba amb l’obligació de comprimir superfícies d’un mateix color, tasca per la que no esta dissenyat.

També cal tenir en compte que aquest efecte es notara més amb les imatges a pantalla que impreses en paper, ja que el mateix procés d’impressió dissimula una mica més la situació

De la mateixa manera les tipografies que utilitzem també tindran influencia en la situació, com més gruixudes més dissimulat, com més fines i petites més evident.

Per evitar o minimitzar al màxim aquesta situació tenim diferents opcions:

1- En la mesura que sigui possible, les imatges on hi hagi molt text les guardem en un PNG o GIF enlloc de un JPEG, sobretot si son imatges amb text damunt d’una única superfície de color, i no fotos.

2- Augmentar més la qualitat final en que es guarda el JPEG.

3- Evitar, en la mesura del possible, utilitzar tipografies molt fines i a tamanys petits.

    Curs d’edició de webs a la Universitat Pompeu Fabra

    dilluns 10 novembre 2008

    Avui he començat a impartir una nova edició del curs d’edició de pagines web adreçat al personal docent de la UPF. És un curs d’introducció dissenyat per ensenyar els conceptes bàsics d’edició de continguts web, creació d’una estructura web i optimització d’imatges.

    L’objectiu és que els participants en el curs (professors i investigadors) de la universitat, adquireixin els coneixements i l’autonomia bàsica per publicar i mantenir els seus propis continguts web pel material docent, webs de departament, …

    Ja fa temps (prop de quatre anys) que regularment imparteixo aquest format de curs, un encàrrec de formació fet a mida del client i que ha anat evolucionant al ritme d’Internet i de les necessitats i objectius de la mateixa universitat.

    La primera edició es va fer utilitzant Dreamweaver i Photoshop com a eines base de treball, l’edició d’avui ja es fa utilitzant programari de codi obert com el GIMP i es parla de gestors de continguts, edició de weblogs i recursos web (xarxes social, serveis web, …) tot pensat per oferir als docents eines i recursos per utilitzar en la seva tasca formativa.


    “Quan no estic organitzant pícsels o generant bytes, estic ensenyant com fer-ho.”


    Weblog funcionant amb Wordpress

    Creative Commons License
    Si no s'indica expressament el contrari, el material publicat està subjecte a una llicència de
    Reconeixement-No comercial-Compartir amb la mateixa
    llicència 2.5 Espanya de Creative Commons

    Daniel Ribes 2008