Voor iedereen die een pixelmade website met CMS heeft, heb ik een handleiding gemaakt voor het bewerken van beeldmateriaal voor gebruik in de website.
Het is voor de performance van de website belangrijk dat dit op de goede manier gebeurt.
Natuurlijk mogen ook anderen hiervan gebruik maken.

Voor het uitsnijden van foto’s kun je het beste het programma GIMP gebruiken.
GIMP is een gratis programma. Je kunt het Hier downloaden.
Het lijkt veel op het bekende en dure PHOTOSHOP.

Op de volgende pagina's staat in stappen aangegeven hoe je een foto zo bewerkt en opslaat dat deze optimaal in de website weergegeven kan worden.

Als je beschikt over Photoshop wil je dat natuurlijk gebruiken.
Daarom heb ik ook een korte handleiding voor dit programma toegevoegd.

Instellingen Bijsnijden-gereedschap

Open de foto in GIMP.
Kies in de Gereedschapskist het Bijsnijden-gereedschap.
Bij de gereedschaps-opties selecteer je vast en kies je Aspect ratio.
De andere opties mogen niet geselecteerd zijn.
Vul bij breedte en hoogte de gewenste verhoudingen in.
Dit zijn de afmetingen die in het CMS gegeven zijn bij restricties.

De afbeelding bijsnijden naar de juiste verhoudingen

Teken met het bijsnijden-gereedschap een rechthoek op de foto.
Druk op de “enter toets” of klik met de aanwijzer in het geselecteerde deel van de foto.
















GIMP maakt nu een uitsnede van het geselecteerde gebied.
De verhoudingen zijn nu goed.

De afbeelding verkleinen naar de juiste afmetingen

Kies in het menu Afbeelding - Afbeelding schalen.


















In het dialoogvenster vul je bij breedte en hoogte de gewenste afmetingen in.
Controleer of als meeteenheid pixels (px) gekozen is.
Controleer of het koppelen-ikoontje “Aan” staat.
De instellingen voor resolutie en kwaliteit kies je als in het voorbeeld.
Klik op Schalen.

De afbeelding exporteren

Kies in het menu Bestand - Exporteren.


















Geef het bestand een duidelijke naam.
Kies de locatie waar je het bestand wilt opslaan.
Kies het bestanstype jpg.
Klik op Exporteren.

De kwaliteit van de foto kiezen

In het volgende venster kun je de kwaliteit van de geëxporteerde foto kiezen.
Let wel op, want hoe hoger de kwaliteit, hoe meer geheugenruimte de foto inneemt.
Het is zaak om een zo hoog mogelijke kwaliteit met een zo klein mogelijke bestandsgrootte te kiezen.
Door de optie “voorbeeld in afbeeldingsvenster aan te klikken zie je wat de kwaliteit van de afbeelding is na het exporteren.
Schuif met de regelaar naar links of rechts tot de gewenste kwaliteit gevonden is.







Hieronder zie je voorbeelden van kwaliteit 100 en kwaliteit 0
Als je de kwaliteit bepaald hebt klik dan op exporteren.
De foto is nu klaar voor gebruik in je website.

Photoshop

Open de foto in Photoshop.
Kies in het gereedschapspalet de Crop-tool.
Bij de tool-opties boven in het scherm vul je de breedte en hoogte in.
Dit zijn de afmetingen die in het CMS gegeven zijn bij restricties.

Teken met de Crop-tool een rechthoek over het gebied dat je wilt uitsnijden.
Druk daarna op de “enter toets”.
Photoshop maakt nu een uitsnede van het geselecteerde gebied.
De afmetingen zijn nu goed.

Save for web...

Kies in het menu File - Save for Web...

Kwaliteit

Selecteer de tab "4-UP".
In het veld linksboven laat je de originele afbeelding staan.
In de andere 3 velden kies je voor JPEG met verschillende kwaliteitsinstellingen.
Vergelijk de kwaliteit van de verschillende resultaten en kies de beste door er op te klikken.
Klik op Save.

Opslaan

Geef het bestand een duidelijke naam.
Kies de locatie waar je het eindresultaat wilt opslaan
Klik op Bewaar.