Manual för bilder på hemsidan
Med små justeringar i ett bildbehandlingsprogram kan du påverka ljus och färger i dina bilder så att även dåliga originalbilder (”före”) förvandlas till fullt användbara foton (”efter”). Läs mer nedan.
När det gäller användning av bilder på hemsidan är det ett par saker som bör understrykas. Utrymmet på kommunens skolwebbserver sägs vara begränsat och hårddisken överfull, vilket påverkar serverns funktionsduglighet.
Mot den bakgrunden är det extra viktigt att du följer nedanstående anvisningar. Originalbilder i full storlek (2-6 Mb) går alltså inte för sig och är dessutom tidsödande att laddas in i webbläsarna även för de besökare som har bra bredbandsanslutning.
Vad Du måste göra är att behandla varje bild för sig i ett lämpligt bildbehandlingsprogram. Photoshop är kanske för svårt och dyrt men det finns många program som är både gratis och enklare att använda (tex PaintNet, gratis att ladda ned) eller Photoshop Express som är gratis och online! Googla på gratis bildprogram. Lär dig att använda ett bildbehandlingsprogram och följ arbetsgången som följer nedan. Vi antar att du har tagit ett antal bilder med din digitala kamera. Första momentet är att överför bilderna till datorn. Därefter öppnar du det bildbehandlingsprogram du valt att arbeta med.
Nu får du öppna och bearbeta varje bild för sig. Följ dessa steg:
Steg 1Steg 2Steg 3Steg 4Steg 5Steg 6Steg 7
1. Gör en första bedömning av bildens kvalitet – vad ska göras, tex beskäras så att tomma delar inte fyller ut, utan så att man koncentrerar blicken på det viktiga. Dåliga bilder kasseras utan pardon! Ta därför generöst med bilder och gör ett urval av de bästa. Innan Du tar klassrumsbilder – dra undan gardinerna! Släpp in dagsljuset! Tänd taklamporna! Vill ni mysa i dunkel så lämna kameran därhän. Bilder tagna med blixt blir ofta bara verkningsfulla inom ett par meters radie, resten av klassrummet ligger i mörker. Blixtbilder tagna med våra billiga kameror/blixtar ger mestadels gruvliga bilder (”röda vampyrögon”, hårda skuggor, gryniga ytor, platta ansikten, you name it!!!) Här får du avgöra utifrån ditt väl uppövade bildsinne.
2. Nu kommer det viktiga – att komprimera och optimera bildstorleken för webben. Mina största bilder är 800 px breda och 500 px höga. Det är dessa bilder du kan se i mina bildspel. Småbilderna, som täcker halva sidan, är max 290 px breda medan de som täcker hela sidans bred ligger på 620 px. Att då försöka klämma in bilder på hemsidan direkt från kameran (bilder som i original kan vara 3 648 px breda och 2 736 px höga med en vikt på 4 Mb) är ju inte särskilt lyckat, varken för kommunens gamla och överbelastade skolwebbserver eller för hemsidans rendering i webbläsaren.
3. Originalbilder som är tagna inomhus är ofta underexponerade (för mörka), besväras tyvärr ofta av ett plågsamt färgbrus och är ibland begåvade med ett gulaktigt färgstick (särskilt idrottshallar kan vara svåra att foto i, vem tänker på att först ställa in rätt vitbalans på kameran?), som då måste upphävas i efterhand, medan de underexponerade bilderna kan behöva lättas upp en hel del i bildprogrammet. Bilder tagna utomhus blir vintertid ofta drabbade av ett blåstick som då behöverer neutraliseras och sommartid tenderar bilderna att överexponeras och urvattnas, vilket behöver motverkas effektivt i bildprogrammet om fotografen inte ställt in kameran för de rådande ljusförhållandena.
4. Färgerna behöver ofta förbättras. Det finns flera verktyg för färghantering och färgmättnad. Olika bildprogram har olika verktyg för färgton och färgmättnad. Jämför gärna era egna originalbilder ni lämnat till mig med de bilder som hamnar på hemsidan efter bildbearbetning i Photoshop.
5. Därefter ska bilden skärpas till så den inte ser suddig ut efter storleksförändringar och andra åtgärder. Använd skärpeverktyget i bildprogrammet, men var noga med att inte skärpa bilden för kraftigt – då förstörs hela bilden – men inte heller för lite. Arbeta koncentrerat och försiktigt när du använder dessa verktyg.
6. En lättare retuschering av vissa delar av bilden kan ibland vara nödvändig, särskilt som digital bildbehandling lätt kan producera oväntade och högst oönskade artefakter i bilden (se punkt 5). Retuscheringsverktygen bör alltid användas försiktigt och måttfullt.
7. Slutligen måste bilden ”webboptimeras”, dvs ”sparas för webben” med den lägsta möjliga storlek (”vikt” i Kb) som ändå ger bra kvalitet på hemsidan. Lämpliga storlekar är 5-15 Kb för småbilder, 20-50 Kb för mellanbilder. Stora bilder i bildspelen som är 800 x 500 px kan ”väga” upp till 100-150 Kb efter webboptimering (alltså mindre än en tjugondel av originalbilden och ändå se bättre ut!). Hur mycket en bild ska komprimeras avgörs av ditt goda omdöme – komprimeras bilden för mycket blir bildkvaliteten lidande (95 procent av alla skolors bilder lider av plågsamt usel bildkvalitet…), det gäller att hitta brytpunkten för varje bild och lägga sig något över. Använd återigen bildsinnet och ett kritiskt omdöme.
Dessa 7 åtgärder skall alltid göras, BILD FÖR BILD, för alla bilder du önskar lägga in på hemsidan.
Det är viktigt att du förstår skillnaden mellan hur du hanterar bilder för ett officeprogram och för webben. Du kan lägga in en bild direkt från kameran till ett worddokument utan att behöva tänka på bildstorlek eller de aspekter som tas upp i de sju punkterna ovan. Bilder tagna direkt från kameran kan ha konstiga filnamn som DSC00757.jpg eller PICT0023.JPG eller liknande. Dessa filnamn bör ändras innan du laddar upp bilderna på en webbsida. Döp om dem till något mer igenkänneligt och använd aldrig stora bokstäver i filbeteckningarna. Använd alltid små bokstäver, inga tomma mellanslag i filnamnen, och inga å.ä,ö. Ersätt kamerans bildnamn, t.ex. ”DSC00757.jpg” med något mer beskrivande, tex ”matteklass-1.jpg”osv (praktiskt med numrering om du har flera bilder i rad).
Vill du ha bilder på en webbsida får du alltså ta helt andra hänsyn – till hur mycket utrymme du har på servern, på bildernas kvalitet och beteckning osv, och tänka igenom hela arbetsgången. Detta tar givetvis en hel del tid. Men resultatet blir att kommunens skolwebbserver inte kraschar alltför ofta, att sidorna laddas in snabbare i webbläsaren, att ljus och färger och former harmonierar och att våra elever, föräldrar och alla andra tusentals besökare på vår hemsida blir glada över våra fiiin-fina bilder! 
Det är svårt att överträffa den marknadsföringen av skolan.
Victor Sagerlöv
