Producció de gràfics

Índex
- 1.Preparació de gràfics per a impressió
- 1.1.El flux de treball
- 1.1.1.Originals
- 1.1.2.Autoedició
- 1.1.3.Art final, PDF i rasterització
- 1.1.4.Llenguatge de descripció de pàgina
- 1.1.5.PostScript
- 1.1.6.De la rasterització a la impressió
- 1.1.7.La impressió
- 1.1.8.La postimpressió
- 1.2.La impressió digital
- 1.3.La impressió analògica o convencional
- 1.3.1.Òfset
- 1.3.2.Flexografia
- 1.3.3.Rotogravat
- 1.3.4.Serigrafia
- 1.4.Preimpressió i impressió
- 1.4.1.Resolució
- 1.4.2.Selecció de color
- 1.4.3.Gestió de color
- 1.4.4.Sobreimpressió (trapping)
- 1.4.5.Tipografies digitals
- 1.1.El flux de treball
- 2.Optimització de gràfics per a web
- 2.1.Estratègies per a reduir el pes dels gràfics
- 2.1.1.Optimització d'arxius de mapa de bits en format PNG i GIF. Compressió basada en LZ77
- 2.1.2.Optimització d'arxius de mapa de bits en format PNG i GIF. Indexació de color
- 2.1.3.Optimització d'arxius de mapa de bits en format PNG i GIF. Tramatges
- 2.1.4.Optimització d'arxius de mapa de bits en format PNG i GIF. Transparència
- 2.1.5.Optimització d'arxius de mapa de bits en format PNG i GIF. Entrellaçament
- 2.1.6.Optimització d'arxius de mapa de bits en format JPEG. Compressió
- 2.1.7.Optimització d'arxius de mapa de bits en format JPEG. Compressió selectiva
- 2.1.8.Optimització d'arxius de mapa de bits en format JPEG. Suavitzat
- 2.1.9.Optimització d'arxius de mapa de bits en format JPEG. Tipografies
- 2.1.10.Optimització d'arxius de mapa de bits en format JPEG. Càrrega progressiva
- 2.2.Programari d'optimització de gràfics
- 2.1.Estratègies per a reduir el pes dels gràfics
- Bibliografia
1.Preparació de gràfics per a impressió
1.1.El flux de treball

1.1.1.Originals
1.1.2.Autoedició
1.1.3.Art final, PDF i rasterització

1.1.4.Llenguatge de descripció de pàgina
1.1.5.PostScript
1.1.6.De la rasterització a la impressió
1.1.7.La impressió
1.1.8.La postimpressió
1.2.La impressió digital
1.2.1.Dispositius d'impressió digital segons la tecnologia
Impressores d'injecció de tinta
Impressores làser
1.2.2.Dispositius d'impressió digital segons el format
Impressores

Plòters

1.3.La impressió analògica o convencional
1.3.1.Òfset

1.3.2.Flexografia
1.3.3.Rotogravat
1.3.4.Serigrafia

1.4.Preimpressió i impressió
-
Resolució
-
Selecció de color
-
Gestió de color
-
Sobreimpressió (trapping)
-
Tipografies digitals
1.4.1.Resolució
Càrrega de memòria
per píxel |
Gamma cromàtica
reproduïble |
Espai de color
|
Tipus d'imatge
|
---|---|---|---|
1 bit |
2 tonalitats |
Monocromàtic (sense modulacions) |
línia o monocromàtica |
1 byte (8 bits) |
256 tonalitats |
Escala de grisos |
Escala de grisos (B/N) |
Color indexat |
Imatge indexada |
||
3 bytes (24 bits) |
16,7 milions de tonalitats |
RGB |
Modulada a color (fotografia) |
*Condició característica dels gràfics presentats en format digital GIF (graphic interchanges format). Poden presentar un màxim de 256 colors pertanyents a una paleta establerta, on cada color es troba indexat. Per tant, resulta un format comú per a imatges de línia web, atès el pes reduït que té en memòria i el fet que admet també transparències.
Quantitat de píxels
|
Dimensions físiques
|
Resolució
(ppp, píxels per polzada) |
Profunditat
de to |
Pes en memòria
digital |
||
---|---|---|---|---|---|---|
Amplada
|
Alçària
|
Amplada
|
Alçària
|
|||
236 px |
591 px |
2 cm |
5 cm |
300 ppp |
3 bytes |
408,6 Kb |
236 px |
591 px |
4 cm |
10 cm |
150 ppp |
3 bytes |
408,6 Kb |
236 px |
591 px |
8 cm |
20 cm |
75 ppp |
3 bytes |
408,6 Kb |
Tipus d'imatge
|
Dispositiu de sortida
|
Lineatura o freqüència de trama
|
Resolució digital*
|
|
---|---|---|---|---|
Imatge monocromàtica |
Pantalla |
– |
72 ppp |
|
Impressió digital i analògica |
– |
1.200 ppp |
||
Imatge en escala de grisos (1 byte per píxel) i imatge RGB (3 bytes per píxel) |
Pantalla |
– |
72 ppp |
|
Impressió digital |
– |
300 ppp |
||
Impressió analògica |
Òfset |
85 a 175 lpp** |
170 a 350 ppp |
|
Rotogravat |
200 lpp |
400 ppp |
||
Flexografia |
75 a 150 lpp |
150 a 300 ppp |
||
Serigrafia |
50 a 100 lpp |
100 a 200 ppp |
* Tots els valors resolutius es reprodueixen amb un factor de reproducció 1, és a dir,
sense ampliació ni reducció.
** Atès el caràcter introductori d'aquesta taula, no tenim en compte la lineatura per
impressió en l'anomenat òfset sec.
1.4.2.Selecció de color
1.4.3.Gestió de color
1.4.4.Sobreimpressió (trapping)
1.4.5.Tipografies digitals
-
Les fonts PostScript de tipus 1 (PS1)
-
Les fonts TrueType
-
Les fonts OpenType
2.Optimització de gràfics per a web
2.1.Estratègies per a reduir el pes dels gràfics
-
Reduir la profunditat de color, és a dir, que el nombre total de colors en la imatge sigui inferior.
-
Utilitzar algoritmes de compressió que empaqueten la informació redundant o que eliminen informació.
-
formats PNG i GIF
-
format JPEG
2.1.1.Optimització d'arxius de mapa de bits en format PNG i GIF. Compressió basada en LZ77

2.1.2.Optimització d'arxius de mapa de bits en format PNG i GIF. Indexació de color
-
Paleta exacta. Només és possible per a imatges amb 256 colors o menys. El programa s'encarrega de crear una paleta que contingui tots els colors de la imatge. La imatge no queda afectada.
-
Paleta adaptable. El programa tria els 256 colors més freqüents de la imatge original. També es poden crear paletes adaptables a una quantitat inferior de colors.
-
Paleta perceptual. El programa crea una paleta de 256 colors adaptable en què tenen prioritat els colors als quals l'ull humà és més sensible.
-
Paleta predefinida. Ajusta la imatge a una de les paletes disponibles amb el programa. Per exemple: paleta Windows (paleta de colors del sistema operatiu Windows), paleta Macintosh (paleta de colors del sistema operatiu MacOS), Uniforme (paleta creada a partir d'un mostreig uniforme dels colors de cada component RGB), etc. Canvia els colors de la imatge pel color més pròxim a la paleta escollida.
-
Web216. Paleta amb els 216 colors que els navegadors web utilitzen per a mostrar imatges en monitors limitats a 8 bits (cada vegada més escassos). Es tracta d'un subconjunt de colors de la paleta de 8 bits del MacOS que coincideix amb la paleta de 8 bits del Windows. També es coneix com a websafe o browser-safe. Si s'escull aquesta paleta, el programa adapta els colors de la imatge als colors més pròxims de la paleta. Encara que aquesta opció continua present en alguns programes, cada vegada és menys necessària.
-
Adaptable WebSnap. El programa adapta els colors de la imatge pròxims a la paleta Web216 i respecta els que se n'allunyen.
-
Selectiva. El programa crea una paleta semblant a la Perceptual però respectant els colors Web216.
2.1.3.Optimització d'arxius de mapa de bits en format PNG i GIF. Tramatges
-
Motiu. Fa servir un motiu quadrat regular que genera un efecte similar a la trama de semitons d'impremta per a aproximar una representació de qualsevol color que no és a la paleta.
-
Difusió. Utilitza un mètode aleatori de difusió de punts de trama per a generar un tramatge menys estructurat que el de motiu. Generalment s'obté millor qualitat.

2.1.4.Optimització d'arxius de mapa de bits en format PNG i GIF. Transparència
-
Transparència d'índex: es trien un o més colors de la paleta com a transparent.
-
Transparència alfa: un canal alfa serveix com a referència per a aplicar valors de transparència (o opacitat) a la imatge.


2.1.5.Optimització d'arxius de mapa de bits en format PNG i GIF. Entrellaçament
2.1.6.Optimització d'arxius de mapa de bits en format JPEG. Compressió

2.1.7.Optimització d'arxius de mapa de bits en format JPEG. Compressió selectiva
2.1.8.Optimització d'arxius de mapa de bits en format JPEG. Suavitzat

Un suavitzat lleuger en aquesta imatge aconsegueix una reducció significativa de l'espai que ocuparà el fitxer.
2.1.9.Optimització d'arxius de mapa de bits en format JPEG. Tipografies

2.1.10.Optimització d'arxius de mapa de bits en format JPEG. Càrrega progressiva
2.2.Programari d'optimització de gràfics
-
indexació i gestió de paletes
-
transparències
-
control de qualitat en compressió amb pèrdues
-
eines per a aplicar compressió selectiva
-
paràmetres de suavitzat
-
protecció de text
-
càrrega progressiva o entrellaçament