Inleiding

Het voorbereiden van fotomateriaal is één van de belangrijkste stappen om mooie artikelen op uw website te kunnen plaatsen.

Vaak worden websites ontoegankelijk omdat er door onoplettendheid hoge resolutie foto's in een artikel zijn geplaatst.
Ook komt het voor dat de hele website door elkaar wordt gegooid omdat foto's niet voldoen aan het door de ontwerper gekozen formaat voor foto's.
Daarnaast blijkt uit de praktijk dat het gebruik van foto's op een website die willekeurig van breedte zijn, door de lezer als onrustig en onprettig wordt ervaren.

Voldoende argumenten dus om uw fotomateriaal goed voor te bereiden.

Wat heeft u nodig?

Om fotomateriaal te bewerken heeft een fotobewerkingsprogramma nodig.
In dit artikel gebruiken we het programma genaamd SnagIt. SnagIt ondersteunt de opties die nodig zijn om foto's te bewerken voor een normale website. U kunt dit programma voor ongeveer $50 kopen via de website van techsmith.

In de praktijk

Voorbeeld 1 Alleen de breedte is onjuist.

Meestal heeft u een foto als basismateriaal. Voor dit artikel wil ik echter graag een plaatje van het product gebruiken. Dit plaatje kan ik eenvoudig op het internet halen.
Het nadeel van het plaatje op het internet is dat de maat verkeerd is. De afmetingen zijn 387 breed x 480 hoog. Ik moet het plaatje dus bewerken.

Stap 1

Ik open de afbeelding met SnagIt. Zie onderstaande afbeelding.

Stap 2

Aan de rechterkant ziet u een kolom met het kopje tasks (nederlands = taken).
In deze kolom kiest u de optie resize image (nederlands = formaat wijzigen).

U heeft dan een scherm met uw foto wat verder lijkt op de onderstaande afbeelding.

Stap 3

U ziet nu aan de rechterkant een kolom met het kopje resize image.
Het selectie vinkje staat standaard op scale by percentage (nederlands = procentueel veranderen), wij willen echter een exact formaat. Om een exact formaat te kunnen bepalen klikken we scale to specific size (nederlands = veranderen naar specifiek formaat). U ziet nu de maat van de afbeelding naast de width (nederlands = breedte ) en de height (nederlands = hoogte) van de afbeelding.

Stap 4

Digital Delta heeft gekozen om normale afbeeldingen in teksten 142px breed te maken. Ik verander dus de width (nederlands = breedte ) naar 142 van alle andere opties blijf ik af. Mijn afbeelding wordt nu op de juiste wijze verkleind.

Stap 5

Nu kan ik de afbeelding opslaan. Ik kies zelf daarbij altijd een duidelijke naam gevolgd door de breedte van de afbeelding in dit geval dus snagit_142px. Als formaat kies ik png. Het bestand wordt nu opgeslagen als snagit_142px.png. In 5 eenvoudige stappen heb ik nu een afbeelding aangepast aan de voor het ontwerp gekozen maat.

Voorbeeld 2 Ik wil een specifiek deel van de foto tonen

Binnenkort zal ik hier een voorbeeld plaatsen over verdere bewerking van afbeeldingen met SnagIt.