bloc3

Tipus de formatsen fitxers gràfics

Professor:Juan Ramón Rico JuanDepartament de Llenguatges i Sistemes Informàtics

Índex

1. Introducció2. Fitxer tipus

Mapa de bits3. Fitxer tipus

vectorial4. Recomanacions5. Exercici

recomanat

1.Introducció

Els formats de fitxers de gràfics existeixen perquè hi ha diverses formes de desar-los, comprimir-los i visualitzar-los. Existeixen dos grans categories:Els mapes de bits i;Els vectorials.

Formats

Com a norma general un fitxer es pot convertir de vectorial a mapa de bits, però NO a l’inrevés.És important diferenciar-los a fi de mantenir la qualitat desitjada en la imatge final en el cas vectorial.

Mapa de bitsvs

vectorial

2. Fitxers tipusMapa de bits

Els formats de fitxers tipus mapa de bits són imatges, matrius de punts.Es caracteritzen per tenir resolució (alçària, amplària) i un màxim de nombre de colors.En la mesura que la imatge tinga més qualitat i més colors, major serà la dimensió del fitxer final.

Format tipus Mapa de bits

Exte

nsio

ns m

és

cone

gude

s (I)

JPGo

JPEG

Relacionat amb pàgines web i càmares de fotos.Desa la informació amb pèrdues.No suporta fons transparents.

RAW

Càmares de fotos semi o professionals. Desa toda la informació de la càmera captada en el moment de la foto (imatge, apertura de focus, lluminositat,...)

GIFRelacionat amb Internet. És capaç de desar diverses fotos en un fitxer i visualitzar-les com a fotogrames.

Exte

nsio

ns m

és

cone

gude

s (II) PNG

Format de compressió sense pèrdues i no subjecte a pantents. Suporta fons transparents.

TIFFAlta qualitat. Fet servir per escanejar i imprimir sense perdre cap mena de detall.

BMPFormat associat a l’empresa Microsoft i el seu operatiu Windows.

Programes de retoc d’imatgesAdobe Photoshop: Programa molt complet i d’ús estés. Treballa per capes amb nombroses eines de retoc.GIMP: programari lliure. Funciona en diversos sistemes operatius, i també conté nombroses eines de retoc.

Programes d’ordinador relacionats

3. Fitxers tipus vectorial

Els formats de fitxers tipus vectorial contenen informació geomètrica sobre el dibuix que conté, com ara rectes, curves, sombrejats, etc.Es caracteritzen per:tenir alta qualitat;ampliar i reduir la imatge a voluntat; iocupar poc espai.

Format tipus vectorial

Exte

nsio

ns m

és

cone

gude

s (I) PS

PostScript. Llenguatge de descripció de pàgines. Usat per impressores i tallers d’impressió professional.

PDFPortable Document Format. Usat amplament i desenvolupat per Adobe Systems.

SVGScalable Vector Graphics. Format lliure desenvolupat per la W3C orientat a web.

Exte

nsio

ns m

és

cone

gude

s (II) ODG

Open Document Graphics. Format lliure associat usualment al programa Draw de LibreOffice.org

WMFWindows Meta File. Associat a formats vectorials de programes de Microsoft Windows.

DXFDWG

Formats associats a l’empresa Autodesk amb Autocad per a disseny assistit per ordinador.

Privatius: Adobe Illustrator i Corel Draw

Lliures: LibreOffice.org Draw i Inkscape

També hi ha programes de processament de text, fulls de càlcul i càlcul estadístic que generen i exporten gràfics o diagrames a formats vectorials.

Programes d’ordinador relacionats

4. Recomanacions

Feu-los servir sempre que siga possible.Obtenim major qualitat i menor grandària de

fitxer.Adequats per fer-los servir en textos tant en

dispositius digitals (projector, tablet, llibre electrònic, etc.), com en format paper.

Formats vectorials

dispositius electrònicsmonitor, projector, llibre

electrònic, tablet, mòbil, etc;

de 75 a 120 ppp (punts per polzada) en serà prou;

Fer-ne servir de 1000 a 2000 punts de llarg/ample

Format en mapa de bitsdocuments en paper

Hi cal més qualitat que per a dispositius electrònics;

En caldrà 300 ppp o més.

5. Exercicirecomanat

Per a realitzar aquest exercici convé visualitzar els vídeos sobre Dibuixos de Google, que hi ha en l’apartat de recursos de la web de EDUA d’aquest bloc.

És un exercici personal NO avaluable

Diagrames i tipus de gràfics (I)

1. Accediu al vostre compte de GMail

2. Aneu a Drive (disc en el núvol de Google)

3. Botó nou / Dibuixos de Google

4. Amb aquest editor senzill de dibuixos vectorials en el núvol, crearem un diagrama semblant al de la dreta.

Títol i informació sobre els autors

Estructura d’un article científic

Resum

Introducció

Estat de l’art i aportació pròpia

Experimentació o aplicació

Conclusions i treballs futurs

Referències

Diagrames i tipus de gràfics (II)

5. En acabar, accedirem a Arxiu / descarregar com /

6. Descarregarem el dibuix en PDF, JPG, PNG y SVG.

7. Observarem la grandària dels fitxers descarregats i els visualitzarem tot fent zoom en cadascun d’ells per a veure’n la qualitat dels detalls.

Títol i informació sobre els autors

Estructura d’un article científic

Resum

Introducció

Estat de l’art i aportació pròpia

Experimentació o aplicació

Conclusions i treballs futurs

Referències

Juan Ramón Rico Juanjuanramonrico@ua.es

Doctor Enginyer en InformàticaProfessor Titular de Llenguatges i Sistemes Informàtics