Imatges per al manual

Aquesta és una extensió de Desar per a la web. En particular, es tracta de crear imatges per al manual i com optimitzar-les.

Eines per a crear captures de pantalla

Ara, si voleu crear una imatge de la pantalla amb tots els acobladors i eines, llavors Desar per a la web no us ajudarà gaire: després de tot, només tracta sobre el contingut en el llenç!

Per tant, en comptes d'això, farem una captura de pantalla. Depenent del vostre sistema operatiu, hi ha disponibles diverses utilitats per a la captura de pantalla.

Windows

El Windows disposa d'una eina incorporada de captura de pantalla. De manera predeterminada amb la tecla Impr Pant. En els portàtils de vegades caldrà fer servir la tecla Fn.

Linux

Tant el Gnome com el KDE disposen d'eines decents per a la captura de pantalla que es mostren de manera predeterminada utilitzant la tecla Impr Pant, igual que altres entorns d'escriptori populars. Si, per alguna raó, no la teniu:

ImageMagick

Amb ImageMagick, podreu utilitzar la següent ordre:

import -depth 8 -dither <nom_fitxer_imatge.png>

Si bé hauríem de minimitzar la quantitat de GIF en el manual per una varietat de raons d'accessibilitat, de vegades encara necessitareu crear GIF i vídeos curts. A més, els GIF són molt macos per a mostrar característiques amb notes de llançament.

Per a crear GIF curts, podeu utilitzar els programes següents:

  • Peek -- Disposa d'una «appimage» i té una interfície d'usuari molt senzilla. Igual que molts programes d'enregistrament de la pantalla, mostra problemes sobre Wayland.

OS X

La drecera per a la captura de pantalla en OS X és Majús. + Ordre + 3, segons la documentació oficial d'Apple.

El format de fitxer adequat per a la tasca

Diferents formats de fitxer són millors per a certs tipus d'imatges. Al final, volem tenir imatges que es vegin bé i que tinguin una mida de fitxer baixa, perquè això fa que el manual sigui més fàcil de descarregar o navegar sobre Internet.

Captures de pantalla de la IGU

Aquestes haurien d'utilitzar PNG i, si és possible, GIF.

Imatges que tenen un munt de colors plans.

Aquestes haurien de ser en PNG.

Imatges en escala de grisos

Aquestes haurien de ser en GIF o PNG.

Imatges amb un munt de degradats

Aquestes haurien de ser en JPG.

Imatges amb un munt de transparència.

Aquestes haurien de ser en PNG.

La lògica és la manera en què cada un d'aquests desa els colors. El JPEG és ideal per a fotografies i imatges amb molts degradats perquè es comprimeix de manera diferent. No obstant això, els contrastos no funcionen bé en el JPEG. El PNG funciona molt millor amb imatges amb contrastos més definits, mentre que en alguns casos fins i tot podrem tenir menys de 256 colors, en aquest cas el GIF podria ser millor.

Les imatges en escala de grisos, fins i tot quan tenen moltes variacions dels degradats, haurien de ser en PNG. La raó és que quan utilitzem imatges a tot color, estem, segons la imatge, utilitzant de 3 a 5 números per a descriure aquests valors, i cadascun d'aquests valors té la possibilitat de contenir qualsevol dels 256 valors. El JPEG i altres formats de fitxer «amb pèrdua», utilitzen trucs psicològics intel·ligents per a retallar la quantitat de valors que una imatge necessita per a mostrar el seu contingut. No obstant això, quan creem imatges en escala de grisos, només farem un seguiment de la claredat. La claredat és només un número, que pot tenir 256 valors, farà que sigui molt més fàcil utilitzar només GIF o PNG, en lloc de JPEG, el qual podria tenir defectes desagradables. (I, també és una mica més petit).

Quan dubteu, empreu PNG.

Optimitzar les imatges en qualitat i mida

Ara, mentre la majoria d'editors d'imatges intenten donar valors predeterminats bons a la mida de la imatge, sovint podem fer que encara siguin més petites utilitzant determinades eines.

Windows

L'eina més habitualment recomanada per a això a Windows és IrfranView, però el volgut escriptor d'aquest document no té ni idea de com utilitzar-lo amb exactitud.

L'altra opció és utilitzar el PNGCrush com s'esmenta a la secció Linux.

Linux

Optimitzar els PNG

Hi ha una llista completa d'eines disponibles a Linux per a l'optimització dels PNG. Vénen en dues categories: amb pèrdua (emprant trucs psicològics) i sense pèrdua (intentant comprimir les dades de manera més convencional). Les següents són les més recomanades:

PNGQuant

Un compressor de PNG que utilitza tècniques amb pèrdua per a reduir de manera intel·ligent la quantitat de colors utilitzats.

Per a utilitzar el PNGquant, aneu a la carpeta escollida i escriviu:

pngquant --quality=80-100 imatge.png

On «imatge» se substituirà amb el nom del fitxer d'imatge. En prémer la tecla Retorn, apareixerà una imatge nova a la carpeta amb el resultat de la compressió. El PNGQuant funciona per a la majoria de les imatges, però en algunes, com els selectors de color, no ho fan gaire bé, pel que verifiqueu sempre que la imatge resultant es vegi bé; en cas contrari, proveu amb una de les següents opcions:

PNGCrush

Un compressor PNG sense pèrdua. Ús:

pngcrush imatge.png imatge_sortida.png

Aquest provarà amb els mètodes més habituals. Afegiu -brute per a provar amb tots els mètodes.

Optipng

Un altre compressor PNG sense pèrdua, el qual es pot executar després d'utilitzar el PNGQuant, aparentment és originalment una bifurcació del PNGCrush. Ús:

optipng imatge.png

On «imatge» serà el nom del fitxer. Després procedirà a provar diversos algorismes de compressió i sobreescriurà el fitxer imatge.png amb la versió optimitzada. Podeu evitar sobreescriure'l amb l'ordre --out imatge_sortida.png.

Optimitzar els JPEG

Ara, el JPEG és realment difícil d'optimitzar adequadament. Això es deu al fet que és un format de fitxer amb pèrdua, i vol dir que utilitza trucs psicològics per a emmagatzemar les seves dades.

No obstant això, trucs com aquests es tornen molt obvis quan la vostra imatge té molt de contrast, com el text. A més, els fitxers JPEG no funcionen bé quan es tornen a desar una vegada i una altra. Per tant, assegureu-vos que hi hagi una versió sense pèrdua de la imatge en algun lloc que pugueu editar, i que només el resultat final estigui en JPEG i es comprimeixi encara més.

MacOS/ OS X

  • ImageOptim -- Un embolcall de la interfície gràfica d'usuari al voltant de les eines de línia d'ordres com PNGquant i gifski.

Editar les metadades d'un fitxer

De vegades, la informació personal s'incrusta en un fitxer d'imatge. Altres vegades, volem incrustar informació en un fitxer per a documentar-lo millor.

No hi ha menys de 3 a 4 formes diferents de gestionar les metadades, i les metadades tenen diferents maneres de gestionar-se en certs fitxers.

L'eina més utilitzada per a editar les metadades és ExifTool, una altra és utilitzar l'ImageMagick.

Linux

A Linux, també podeu instal·lar l'ExifTool.

Debian/Ubuntu

sudo apt-get install libimage-exiftool-perl

Visualitzar les metadades

Canvieu el directori a la carpeta on es troba la imatge i escriviu:

exiftool imatge

On «imatge» és el fitxer que us agradaria examinar. Si només escriviu exiftool en una carpeta determinada, es generarà tota la informació que pugui proporcionar sobre qualsevol fitxer que trobi. Si observeu bé algunes imatges, veureu que contenen metadades sobre l'autor o ubicació. De vegades, això pot ser una mica problemàtic quan es tracta de privacitat, i també és la raó principal per la qual es descarten totes les metadades.

També podeu utilitzar l'ordre «identify» de l'ImageMagick:

identify -verbose imatge

Descartar les metadades

Descartar les metadades de l'exemple imatge.png es pot fer de la següent manera:

ExifTool

exiftool -all= imatge.png

Això buidarà totes les etiquetes a les quals pugui accedir l'ExifTool. També podeu ser específics i només eliminar una sola etiqueta: exiftool -author= imatge.png

OptiPNG

optipng -strip imatge.png Això descartarà dades i comprimirà el fitxer PNG.

ImageMagick

convert imatge.png --strip

Extreure les metadades

De vegades volem extreure les metadades, com un perfil ICC, abans de descartar-ho tot. Això es fa convertint la imatge al tipus de perfil:

L'ordre «convert» de l'ImageMagick

Primer extraieu les metadades a un perfil fent la conversió:

convert imatge.png perfil_imatge.icc

Després descarteu dades del fitxer i torneu a afegir la informació del perfil:

convert -profile perfil_imatge.icc imatge.png

Incrustar les metadades de descripció

Les metadades de descripció són realment útils per a ajudar a les persones amb lectors de pantalla. Els navegadors web sovint intentaran emprar-les si no hi ha text alternatiu per a generar-lo. Altres coses que potser voldreu incrustar són coses com dades sobre l'espai de color.

ExifTool

ImageMagick

Establir un valor Exif:

convert -set exif:ImageDescription "Una descripció de la imatge" imatge.png imatge_modificada.png

Establir el fragment PNG per a la descripció:

convert -set Description "Una descripció de la imatge" imatge.png imatge_modificada.png

Incrustar les de metadades de la llicència

De certa manera, incrustar les metadades de la llicència és realment agradable perquè permet marcar la imatge de forma permanent. No obstant això, si algú la puja en un altre lloc web, és molt probable que les metadades es descartin amb ImageMagick.

Utilitzar les propietats

Podeu utilitzar «dcterms:license» per a definir el document on s'aplica la llicència.

ImageMagick

Per a la GDPL:

convert -set dcterms:license "GDPL 1.3+ https://www.gnu.org/licenses/fdl-1.3.txt" imatge.png

Això defineix un nom abreujat i després el text de la llicència.

Per a la Creative Commons BY-SA 4.0:

convert -set dcterms:license "CC-BY-SA-4.0 https://creativecommons.org/licenses/by-sa/4.0/" imatge.png

El problema d'utilitzar les propietats és que són una manera no estàndard de definir una llicència, de manera que les màquines no podran fer gaire amb elles.

Utilitzar el XMP

El lloc web de Creative Commons suggereix que utilitzem XMP per a això. Pot sol·licitar que la llicència Creative Commons triï generar un fitxer XMP adequat mentre trieu una llicència.

Haurem d'utilitzar les etiquetes XMP per a l'ExifTool.

Així doncs, veurem alguna cosa així:

exiftool -Marked=true -License="https://creativecommons.org/licenses/by-sa/4.0" -UsageTerms="This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>." -Copyright="CC-BY-SA-NC 4.0" imatge.png

Una altra manera de fer el marcatge és:

exiftool -Marked=true -License="https://creativecommons.org/licenses/by-sa/4.0" -attributionURL="docs.krita.org" attributionName="kritaManual" imatge.png
Amb l'ImageMagick podreu tornar a utilitzar l'opció del perfil.

Primer extraieu les dades (si n'hi ha):

convert imatge.png metadades_imatge.xmp

Després modifiqueu el fitxer resultant i incrusteu les dades a la imatge:

convert -profile metadades_imatge.xmp imatge.png

Les definicions XMP per a la llicència. Podeu generar un fitxer XMP per a les metadades en el lloc web de Creative Commons.