Tuesday, September 13, 2011
Sunday, September 4, 2011
Javascript Improve Image Quality on resize - JavaScript / DHTML / AJAX
Javascript Improve Image Quality on resize - JavaScript / DHTML / AJAX:
Re: Javascript Improve Image Quality on resize
only if the original image is as large as the largest dragable size.
increasing the size of the image beyond its actual size creates interpolated pixels, 'best fit of color' that may not be correct or creates visual pixels that are multiple screen pixels in size, 'blocky' images.
If the image is initially served at a small size,
a larger image can be background loaded by a script,
page times are not impacted,
the effect can be seamless.
example code only, not checked or correct
where "onresize" is some defined action havent bothered to code
increasing the size of the image beyond its actual size creates interpolated pixels, 'best fit of color' that may not be correct or creates visual pixels that are multiple screen pixels in size, 'blocky' images.
If the image is initially served at a small size,
a larger image can be background loaded by a script,
page times are not impacted,
the effect can be seamless.
example code only, not checked or correct
where "onresize" is some defined action havent bothered to code
html Syntax (Toggle Plain Text)
<!doctype> onload='imageload()'>src='thumbsize.jpg' onresize='self.src="fullsize.jpg"' alt='drag to resize image'>
Saturday, September 3, 2011
Subscribe to:
Comments (Atom)