Weergave van foto's op blogspot net iets verbeteren

In bepaalde gevallen geeft deze site plaatjes niet mooi weer. Dat komt doordat blogspot de plaatjes in een te lage kwaliteit toont.

Je hebt bijvoorbeeld:

En dat kun je net iets beter maken met:

Het verschil zie je goed rond de neus van het paard. Bij de bovenste foto is er een vreemde rand zichtbaar. Daarnaast lijkt de eerste niet scherp. Zie je echter geen verschil, laat mijn verhaal dan verder maar zitten.

Wat bepaalt die matige kwaliteit?
In de link naar het plaatje kun je het formaat van een plaatje bepalen. Die link is nu:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQyBG9FdLrPqXZmu4fu3Q7EqPGiZfsnZjDwk-EjKFYyDnRUaCx21wFx-BAGbpCeGNOXXiiXRaeX74YhyphenhyphenaAANLPvGim9p48-bCQFmyLusRlxoCt7_MZWJe-Hi_NUmWpJdBTavfCa7HyQtY/s320/23+Horse+closeup.JPG

Die kwaliteit wordt bepaald door het gedeelte dat vet is aangegeven. Met s320 wordt een plaatje door de server gemaakt waarvan de grootste dimensie 320 pixels is, in dit geval is dat de hoogte. Het originele plaatje is natuurlijk niet zo ge-upload. Het is de server die het originele omzet naar een aantal formaten en doet de kwaliteit niet altijd goed.
Hoe krijg je het nu beter?
Verander s320 bijvoorbeeld in s640. Het plaatje wordt nu dubbel zo groot weergegeven. Vervolgens voeg je in de style-definitie de grootte van de dimensie in waarmee het plaatje moet worden getoond. Voluit wordt dat nu:

style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center; height: 320px"

Nog een voorbeeld:

De plaatjes worden getoond met:

img id="BLOGGER_PHOTO_ID_5208359257671237378" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsmI04BeT7t9ZEQ4NXFy_2vExsZZPSBi3TXFdnISKSdvantB4ag9rVDByjxVCsHHxPinCLrJUV_E9gIVStiBOJs3UZrj2udSRV9rGSGq4WzHiRNY4lBz_zEpwxyb4QFmLQg6bHhTqFeI/s320/17+Rodon1.jpg" border="0"

en

img id="BLOGGER_PHOTO_ID_5208359257671237378" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand; height: 320px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwsmI04BeT7t9ZEQ4NXFy_2vExsZZPSBi3TXFdnISKSdvantB4ag9rVDByjxVCsHHxPinCLrJUV_E9gIVStiBOJs3UZrj2udSRV9rGSGq4WzHiRNY4lBz_zEpwxyb4QFmLQg6bHhTqFeI/s640/17+Rodon1.jpg" border="0"

De weergegeven foto's komen van http://josvanderlinden.blogspot.com/2008/05/31-powerscourt.html.