Hoe de kleinste jpg-bestanden maken voor mijn website zonder kwaliteitsverlies

Sinds Google de snelheden van webpagina's bijhoud en hiermee rekening houd voor de zoekresultaten, wilt u er toch zeker van zijn dat de bezoeker uw website zo snel mogelijk kan laden in hun browser. U hebt misschien de laadtijd van uw website met gecheckt met PageSpeed Insights van Google en wenst u uw grafische bestanden lossless te comprimeren.

En omdat de bezoekers van uw website geen seconde langer willen dan nodig is. Want bij lange laadtijden haakt de bezoeker meestal gewoon af. En nog een voordeel rappe laadtijden: Google kan uw webpagina's sneller verkennen, dat betekent dat Google meer pagina's in een zelfde tijd-segment kan verkennen.

Om de kleinste jpg-bestanden voor uw website te kunnen maken raad ik aan om het gratis FastStone PhotoResizer te gebruiken.

Om de zo klein mogelijke bestanden zonder kwaliteitsverlies te bekomen met dit programma moet u een aantal instellingen veranderen.

De JPEG-instellingen
Stel de kwaliteit in op 75 procent.
Fotometrische instellingen: maak geen verandering.
Kleur Subsampling kan worden ingesteld op High (kleinere bestandsgrootte).
Smooting: 0 om onscherpe beelden te voorkomen.
Check de Optimize Huffman optie aan.
Check de Progressieve mode aan. Deze optie laat de browser toe om de jpg-bestanden in fasen te downloaden en op te bouwen vanaf de website, en het maakt de bestanden veel kleiner.
Haal het vinkje weg bij 'Houd EXIF / IPTC-gegevens'.

Check de Geavanceerde opties aan en klik erop om de opties in te stellen
Indien nodig resize hen naar een kleiner formaat.
Stel de filter in op Lanczos2 (Harder), want hier is geen kwaliteitsverlies.
Stel de DPI tot 96 of 72 voor x en y, er is geen noodzaak om dit hoger in te stellen, omdat een computerscherm maximum 96 dpi kan tonen en een website wordt in 99 % van de gevallen op een computerscherm bekeken. Deze bestanden dienen dan ook niet om afgedrukt te worden.

Je kunt al deze instellingen opslaan in een bestand die je later terug kunt inladen laden om deze instellingen op elk gewenst moment op een hoop nieuwe bestanden kan loslaten.

Nu weet je hoe je de kleinste en snelst ladende jpg-bestanden kunt maken voor uw website. Een grote verbetering voor de laadtijd van uw website.

How to make the smallest jpg files with no quality loss for my website

Since Google does worry about the page load speed of websites. Maybe you checked the loading time of your website checked with PageSpeed ​​Insights from Google and you want to have your graphic files with lossless compression.
You also want to let your website load very quickly in the browser of your visitor. Because users of your website don't want to wait any second longer as necessary. They will leave your website if it's has a long load time. And another advantage: Google can crawl your WebPages faster, that means Google crawl more pages in a same time-segment.

To get the smallest jpg files for your website you can use the free FastStone PhotoResizer.

To get the smallest files without quality loss with this program you need to set some settings right.

The JPEG Format Settings
Set the Quality to 75 percent.
Photometric settings: make no change.
Color Subsampling can be set to High (Smaller File Size).
Smooting: 0 to avoid blurry images.
Check on the Optimize Huffman table.
Check on the Progressive mode. This option let the browser load jpg files in phases from the website, and makes the files much smaller.
Uncheck the Keep EXIF / IPTC Data.

Check on Use Advance Options and click it to set the options
If necessary resize them to a smaller size.
Set the filter to Lanczos2 (Sharper), for no quality loss.
Set the DPI to 96 or 72 for x and y, there's no need to set this higher because a computer screen have a maximum of 96 dpi that they can display, and a website is always seen on a computer screen. The web is not made to be printed. Now you can save the options to a file and load this settings at any time.

Speed is everything
Now you know to make the smallest and fastest jpg files for your website. A big improvement for your website load speed means also more visitors that stay on your website and a less loading time means that visitors read more pages in less time because they don't need to wait for loading big jpg files.

DPI en PPI betekenis

Misverstanden
DPI, Dots Per Inch betekend in professionele kringen het aantal puntjes die in een inch gaan.
Maar de meeste mensen gebruiken DPI om Pixels Per Inch mee aan te duiden.
De juiste afkorting zou dan zijn PPI. Maar omdat DPI alom bekent is om Pixels Per Inch mee aan te duiden bijvoorbeeld bij camera's gebruiken mensen dus DPI voor Pixels Per Inch.

Dots Per Inch
Met DPI wordt de resolutie aangeduid van een afdruk. Het getal voor de  DPI zijn de beeldpunten per inch. Eigenlijk is het vierkante inch of 2,54 cm², bijvoorbeeld: 300 dpi. Hoe hoger de aantal Dots Per Inch hoe beter de kwaliteit bij het afdrukken. In de grafische wereld kom je al snel hoge resolutie afdrukken tegen van meer dan 600 dpi (PPI).

150 dpi (ppi) - lage resolutie om af te drukken
300 dpi (ppi) - normale resolutie bij het afdrukken
600 dpi (ppi) - resolutie bij professionele afdrukken

Pixels Per Inch (PPI)
Over het algemeen verkeerdelijk met dpi aangeduid wordt gebruikt voor digitale afbeeldingen bij het gebruik op computerschermen. Het spreekt voor zich dat hoe meer dpi (PPI) een afbeelding heeft, hoe meer opslag het vraagt. De afmetingen van een digitaal plaatje wordt ook aangegeven met bijvoorbeeld 800 x 600 pixels.  Hoe meer pixels hoe groter de afbeelding. Het zelfde verhaal bij een computer scherm.

72 dpi - resolutie voor de meeste computerscherm
96 dpi - resolutie van professionelere computerschermen

Voorbeeld van een afbeelding om alles nog eens te verduidelijken
Size in pixels = 1140 x 1838 beeldpunten
Afdrukgrootte = 402.17 x 648.41 millimeters
Resolutie = 72 x 72 PPI
Extensie van bestand = JPG
Bestandsgrootte = 528,4 KB