Ik heb een vreemd probleem. Ik ben bezig voor een website met veel foto's.
Deze foto's moeten in fijne kwaliteit worden getoond.

De bronbestanden van de foto's zijn gemiddeld:
Bestandsgroote: 7 MB
Resolutie: 4272 x 2848
DPI: 240

Deze afbeeldingen moeten natuurlijk worden verkleind zodat ze snel laden en niet veel webruimte innemen.

In eerste instantie heb ik gebruik gemaakt van GD2 ( vrij standaard, met imagecopyresampled() ).
Dit werkt goed alleen de kwaliteit van de afbeeldingen gaat erg achteruit, ondanks dat ik alles op 100% kwaliteit heb gezet.
Als test heb ik ook met ImageMagick afbeeldingen verkleind.

Na het verkleinen met ImageMagick is de kwaliteit wel goed.
Alleen, het vreemde is dat deze hoge kwaliteit alleen in de volgende browsers te zien is:
- FireFox 9.0.1
- Safari 5.0.2

In de volgende browsers is de foto in dezelfde slechte kwaliteit als GD2 te zien:
- Opera 11.61
- Internet Explorer 8
- Internet Explorer 9
- Google Chrome 16.0.912.77

Een verschil wat ik heb opgemerkt is dat ImageMagick de EXIF data laat staan.
Als ik deze door ImageMagick laat strippen, dan zakt de kwaliteit ook in Firefox en Safari naar het niveau van GD2.

Wie weet hoe ik alle browsers de hoogste kwaliteit laat tonen?

Voorbeeld foto GD2: klik hier
Voorbeeld foto ImageMagick: klik hier

Het verschil zit hem voornamelijk in de duidelijkheid van de foto. Bij GD is het wazig. Het verschil is het grootst te zien in het gras. Dat is bij de ImageMagick versie veel donkerder.

Alvast bedankt voor jullie meedenken!