Monday, November 16, 2020

Image Quality Test

A test of image quality before and after a simple HTML tweak.
Blackpoll Warbler before tweak

Nikon Z6 500mm PF ISO 5000 1/400 s f/7.1
Blackpoll Warbler after tweak

Nikon Z6 500mm PF ISO 5000 1/400 s f/7.1



On the LH side of Blogger tool bar there's a pencil symbol with a down arrow which switches between HTML view and Compose view.

Select HTML view. 

What you're looking for is something like this :-

  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_aA9zSiqoBGRbGtdyZVYh5G8gv5sMQRRLGcYukXRZQMfCOQlqJSE1Hs1UjyjgSdpuKJvyh-cNBctyuiGrCpdZS0Jw5l0WBnSHnkZVJ7PgLRyQwcVl1DdSH4sRU6pwZEw749MkEwBkXik/s600/Blackpoll+Warbler+1.jpg"
            width="600"
        /></a>

See the bit where it's /s600/ well change that to /s1600/ that's all you have to do.

A few qualifications, I enter my 1600x1200 px images as X-Large.

If you do add your images in Compose view for some reason the HTML code changes for some reason known only to Google developers or people smarter than me.

Added in Compose view without HTML change

Added in Compose view with HTML change




If you do add an image in Compose view the portion of underlying HTML code will look like this:-

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0e6Fu_31BU89lqEMBgi93p5yXHf308Ywxfkdehsb6TZUDQKSRjKx7Eux6qtyEGAq2Fg_t_0mSF_R6NSBxzpl9E5bazippsz0-eDFylTSzGOUasnsYK0VTDdMGFzxMbn6D1kaKoM24sE8/w640-h480/Blackpoll+Warbler+1.jpg"
            width="640"
        /></a>

Where it says /w640-h480/ I double it to /w1280-h960/ which also seems to work OK.

If any real HTML programmers know of a better way to achieve better quality representations then I'm interested.




No comments:

Post a Comment