Afbeeldingen groot en klein
Hoi Keeze,
Op dit moment is je eerste afbeelding
bartverst2012/59.jpg op de pagina
[url]www.bonsaivereniging-nml.nl/foto%27s-2012.html[/URL]: 2.232px * 3.968px groot en
2.747kB zwaar.
Maar op de pagina wordt deze door de browser geschaald naar 200px * 300px.
Er kunnen dus (2232*3968 - 200*300 =) 8.796.576 pixels van de originele afbeelding niet getoond worden: die zijn voor de pagina overbodige ballast om te downloaden, en vertragen de pagina behoorlijk.
Plus: na het downloaden van die hap moet de browser 'm ook nog gaan verkleinen: de juiste beslissingen nemen om pixels weg te laten of in kleur te middelen. Ook dat kost weer tijd (en browsers kunnen ook niet zo mooi verkleinen als tekenprogramma's).
Dus veel verloren tijd: zeker omdat er nog meer van die joekels op de pagina staan (samen maar liefst 14,8MB).
Suggestie 1
Wat je kan doen: de foto's verkleinen voor op de pagina, en de links op de kleintjes naar de grote laten blijven staan. Bij een klik ziet men dan ook de grote, maar pas bij de klik wordt zo'n grote gedownload.
Dat levert ook een betere kwaliteit voor de kleine foto's:
De hier verkleinde foto (deze
bonsai-klein.jpg) heeft maar een bestandsgrootte van
27kB (< 1% van het origineel van 2800kB).
Suggestie 2
Met de formaten van de grote afbeeldingen lopen die bij 1:1 weergave in de browser zelfs van de meest grote beeldschermen af: er komen scrollbars om ze volledig te kunnen zien (of de browser verkleint ze alsnog om precies schermvullend te zijn).
Aan het grote formaat heeft de kijker dus niet zoveel.
- De enige reden zou kunnen zijn, dat je de foto's door bezoekers wilt kunnen laten downloaden om er kwaliteitsprints van te maken. Printers hebben een veel grotere resolutie ("oplossend vermogen") dan beeldschermen, en op een cm2 van een printer passen veel meer pixels dan op een cm2 van een beeldscherm. Voor printers komt de grote hoeveelheid pixels dus wel van pas: die kunnen ze goed gebruiken.
Maar als de bedoeling alleen maar is om de foto's op scherm goed te tonen, dan kan je met een veel kleiner formaat toe.
Een maximale hoogte van bv. 800px zal dan wel afdoende zijn.
Daarmee kunnen de grote foto's stevig verkleind worden!
- Bijvoorbeeld: de genoemde bartverst2012/59.jpg kan je verkleinen tot 450px*800px.
- Als je die opslaat met een jpg-compressie van 10%, dan hou je maar 90KB over van de 2747kB.
- Kijk, deze bonsai-groot.jpg, over kwaliteit op scherm niet te klagen.
=======
Hij is nog bezig met uploaden nu 36 % klaar.
Met de kleine bestandsgrootte (3,2% van het origineel) is ook het uploaden in een mum van tijd gepiept: niet wachten, maar binnen een tel!
En bij veel grote foto's is ook je webspace op de server niet zo gauw op: scheelt weer een duurder abonnement.
Met vriendelijke groet,
CSShunter
