Billedbehandling med Pixlr

Torben Heikel Vinther

Billedbehandling med Pixlr

Webredaktørworkshop

9. november 2012


Online billedredigering med Pixlr

Onlineværktøjet Pixlr er et hurtigt, nemt og gratis program til billedredigering og optimering af billeder til web.

www.pixlr.com/editor/ og du er i gang!

Optimer billedet til web

De fleste billeder til web har godt af at få mere:• lys• kontrast • skarphed

Lys og kontrast får billederne til at stå tydeligt frem, i stedet for at ligge som grå plamager på websiden.

Skarphed gør, at billederne bedre kan tåle den kvalitetsforringelse, de udsættes for, når de bliver komprimeret til JPG-format


Ikke-optimeret billede


Optimeret billede


Billedtekniske begreber

Pixels• Ingen cm: Vi er kun interesseret i pixels, når vi snakker om billeder på en

skærm!

Opløsning• Pixels i bredden X pixels i højden

Filstørrelse• Antal bytes afhænger af antal pixels, farvedybde, komprimering og filformat

Komprimering• Tabsfri og tabsgivende

Filformater• JPEG: Store billeder på skærm. Tabsgivende hver gang filen gemmes.• GIF: Simple billeder som grafik og logoer. Tabsfri.• PNG: Mindre billeder og grafik. Tabsfri komprimering.

Word, Powerpoint og PDF• Brug dem ikke som filformat til dine billeder!

Startbillede

www.pixlr.com/editor/


Brugerflade

1

3

2

4

5

6


Arbejdsgang i billedbehandling

Masterbillede og kopibilleder• Masterbillede i højeste opløsning (udg.pkt. for kopibilleder)

• Kopibilleder i lavere opløsninger (til brug på nettet)

Arbejd med den højeste opløsning• Hvis du har mulighed for det

Vent med at gøre billedet skarpere til sidst• Gem masterbilledet ”uskarpt”

Anbefalet arbejdsgang1. Rotere billedet

2. Beskære billedet

3. Ændre lysstyrke og kontrast

4. Fjerne røde øjne

5. Gemme og navngive masterbillede

6. Ændre billedstørrelsen

7. Gøre billedet skarpere (kun kopibilledet!)

8. Gemme og navngive kopi af masterbilledet


1. Rotere billedet


2. Beskære billedet


3. Ændre lysstyrke og kontrast


4. Fjerne røde øjne


5. Gemme og navngive masterbilledet


6. Ændre billedstørrelsen


7. Gøre billedet skarpere


8. Gemme og navngive kopibillede


Øvelser

Hent øvelsesbilleder• Log ind på intranettet og gå ind på Redaktørportalen i redigeringstilstand.• Vælg menuen ”For deltagerne i billedworkshop”.• Vælg undermenuen ”Materialer”.• Download de 3 jpg-filer til skrivebordet

(højreklik og vælg ”Gem destination som…”)

Øvelse 1: Luciaoptog-portraet.jpg

1. Rotér billedet

2. Beskær billedet

3. Justér lysstyrke og kontrast

4. Gem og navngiv masterbillede

5. Ændre billedstørrelsen til 152 pixels i bredden




Øvelser

Øvelse 2: Luciaoptog-landskab.jpg

1. Beskær billedet



4. Ændre billedstørrelsen til 350 pixels i bredden



Øvelse 3: Roede-oejne.jpg

1. Beskær billedet


3. Fjern røde øjne


5. Ændre billedstørrelsen til 80 x 84 pixels (bredde x højde)



Self Improvement

Billedbehandling med Pixlr