<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dmitri's Blog &#187; bicubic</title>
	<atom:link href="http://www.dmitri.me/blog/tag/bicubic/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dmitri.me/blog</link>
	<description>Dmitri Smirnov. Web development in Estonia.</description>
	<lastBuildDate>Tue, 10 Aug 2010 12:07:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Internet Explorer intepolation mode for images</title>
		<link>http://www.dmitri.me/blog/internet-explorer-intepolation-mode-for-images/</link>
		<comments>http://www.dmitri.me/blog/internet-explorer-intepolation-mode-for-images/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 13:09:59 +0000</pubDate>
		<dc:creator>Dmitri</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[web-development]]></category>
		<category><![CDATA[bicubic]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[microsoft]]></category>

		<guid isPermaLink="false">http://www.dmitri.me/blog/?p=221</guid>
		<description><![CDATA[Every self-respecting web-designer and web-developer know that when scaling images browser makes picture smaller or larger by definite &#8220;magic&#8221; algorithms. All browsers except IE, do that much-less correctly.
In Internet Explorer you should setup that algorithm manually as CSS property.

img { -ms-interpolation-mode:bicubic }

So here is result, screenshot are taken in IE7 withimage scale about 50-60%.

Bicubic algorithm disabled (default)

Bicubic [...]]]></description>
			<content:encoded><![CDATA[<p>Every self-respecting web-designer and web-developer know that when scaling images browser makes picture smaller or larger by definite &#8220;magic&#8221; algorithms. All browsers except IE, do that much-less correctly.</p>
<p>In Internet Explorer you should setup that algorithm manually as CSS property.<br />
<code><br />
img { -ms-interpolation-mode:bicubic }<br />
</code></p>
<h4>So here is result, screenshot are taken in IE7 with<br />image scale about 50-60%.</h4>
<p><img src="/misc/ie-algo/without-algorithm.jpg" alt="Without algorithm" /><br />
<em>Bicubic algorithm disabled (default)</em></p>
<p><img src="/misc/ie-algo/with-algorithm.jpg" alt="Without algorithm" /><br />
<em>Bicubic algorithm enabled</em></p>
<p>Read more on <a href="http://msdn.microsoft.com/en-us/library/ms530822(VS.85).aspx">MSDN website</a> about this issue.</p>
<p>Enabling interpolation algorithm is useful for any kind of *boxes like <a href="http://fancy.klade.lv/">Fancy Box</a>, <a href="http://mjijackson.com/shadowbox/">Shadowbox</a>, <a href="http://www.huddletogether.com/projects/lightbox2/">Light Box</a>, etc&#8230;</p>
<p><strong>NB! Enabling algorithms can decrease IE&#8217;s performance up 2 times!<br />Nice joke, BILL!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dmitri.me/blog/internet-explorer-intepolation-mode-for-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
