★ 043WEB ★ | Afbeeldingen optimaliseren
Afbeeldingen optimaliseren voor web
18358
page-template-default,page,page-id-18358,ajax_fade,page_not_loaded,,qode-theme-ver-11.1,qode-theme-bridge,wpb-js-composer js-comp-ver-5.2.1,vc_responsive
 

Afbeeldingen optimaliseren

Voorbeeld originele afbeelding
.
Naam:            Mac.jpg
Grootte:          7,8 MB
Afmetingen:   5760 x 3840
Resolutie:       300 dpi
.
Open de afbeelding in Photoshop en pas deze instellingen aan:

photoshoppen

Voor web is de breedte normaal 1920. Afhankelijk van de gewenste grootte op het scherm kies je de afmetingen. Stel dat de afbeelding een kwart van de breedte van het scherm inneemt, maak de afbeelding dan 500 breed. Wijzig de resolutie altijd in 72 dpi.
.
In dit voorbeeld maken we de afbeelding 1920 breed.
.
Sla vervolgens het document op als jpg en kwaliteit 7 ‘normaal’:

opslaan

Vervolgens gaan we de afbeelding lossless comprimeren
.
Ga naar www.kraken.io/web-interface

kraken

Klik op lossless en upload de zojuist aangepaste afbeelding.
.
Je ziet vervolgens het resultaat:

resultaat kraken

In dit voorbeeld is de afbeelding dus nog 17,55% geoptimaliseerd. Dit is overigens met het oog niet te zien. Klik vervolgens op “Download File” en gebruik deze afbeelding op de website.
.
.
Resultaat geoptimaliseerde afbeelding
.
Naam:            Mac geoptimaliseerd.jpg
Grootte:          0,1 MB
Afmetingen:   1920 x 1280
Resolutie:       72 dpi
.
Ondanks deze uitleg toch nog hulp nodig? Neem dan contact met ons op!