<?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>gonnalearn.com &#187; seam carving</title>
	<atom:link href="http://www.gonnalearn.com/tag/seam-carving/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gonnalearn.com</link>
	<description>What are you gonna learn today?</description>
	<lastBuildDate>Mon, 28 Sep 2009 20:48:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Content-aware resizing of pictures (seam carving)</title>
		<link>http://www.gonnalearn.com/2008/10/29/content-aware-resizing-picture/</link>
		<comments>http://www.gonnalearn.com/2008/10/29/content-aware-resizing-picture/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 22:05:34 +0000</pubDate>
		<dc:creator>Stephan</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[content aware resizing]]></category>
		<category><![CDATA[image editing]]></category>
		<category><![CDATA[seam carving]]></category>

		<guid isPermaLink="false">http://www.gonnalearn.com/?p=181</guid>
		<description><![CDATA[Ever been in a situation where you had a picture with exactly the content ("message, meaning, ...") you wanted, but not with the right dimensions? Seam carving could have saved the day.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m not sure why <a title="Seam Carving kostenlos: Bilder schlau verkleinern " href="http://www.golem.de/0810/63222.html" target="_blank">golem.de</a> published an article on <a title="Seam Carving GUI - content-aware image resizing" href="http://gabeiscoding.com/2008/09/seam-carving-gui-revivied.html" target="_self">Seam Carving GUI (open source)</a> today (maybe they have a selection of emergency posts for slow news days <img src='http://www.gonnalearn.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ), but I&#8217;m glad they did because I had no idea something like this even existed.</p>
<p>If you have no idea of what I&#8217;m talking about, take a look this video:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/6NcIJXTlugc&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/6NcIJXTlugc&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object></p>
<p>Ever been in a situation where you had a picture with exactly the content (&#8220;message, meaning, &#8230;&#8221;) you wanted, but not with the right dimensions? Seam carving could have saved the day.</p>
<p>I used it for a stock photo today which just had to be 550&#215;225 pixels to fit in a template (sorry, can&#8217;t post the picture because I&#8217;d have to pay for the rights again &#8211; I&#8217;ll post a link when it goes online). It worked extremely well because the important objects did not stretch along the entire length of the picture. The sky and mountains in the background were resized in a way which made it look as if the photographer had used a wide-angle lens.</p>
<p>Encouraged by my success, I decided to try something extremely challenging. Here&#8217;s a photo of me on the balcony of a hotel (it just looks as if I was trying to log into unprotected wireless networks &#8211; actually I was enjoying the sunshine and fresh air):</p>
<p><img class="alignnone size-full wp-image-183" title="This was years ago... I need a vacation!" src="http://www.gonnalearn.com/wp-content/uploads/2008/10/fortaleza-original.jpg" alt="" width="480" height="360" /></p>
<p>The picture above is 480 x 360 pixels. Let&#8217;s say I want to keep the width, but reduce the height to just 220px. Usually, this would mean cropping:</p>
<p><img class="alignnone size-full wp-image-184" title="cropped picture" src="http://www.gonnalearn.com/wp-content/uploads/2008/10/fortaleza-cropped.jpg" alt="" width="479" height="220" /></p>
<p>Notice that the top of the other buildings and the horizon is no longer visible.</p>
<p>With seam carving, you can keep all of this in the picture (also, it now looks as if I had a widescreen laptop):</p>
<p><img class="alignnone size-full wp-image-185" title="seam carving - intelligent resizing" src="http://www.gonnalearn.com/wp-content/uploads/2008/10/fortaleza-220-v1.jpg" alt="" width="480" height="220" /></p>
<p>As mentioned, this is an extremely challenging picture. Regular shapes are all over the place and if you look closely, you&#8217;ll find at least one odd area which would be noticeable even if you&#8217;d never seen the original picture (<span style="color: #c0c0c0;">windows on the red building</span>). Still, considering the difficulty, the software does an excellent job. You could fix the most noticeable problems in a minute in an image editor:</p>
<p><img class="alignnone size-full wp-image-186" title="seam carving plus minor editing" src="http://www.gonnalearn.com/wp-content/uploads/2008/10/fortaleza-220-v1-edited.jpg" alt="" width="480" height="220" /></p>
<p>Pretty neat. I&#8217;m really looking forward to seeing what else will be possible with a few mouse clicks in the near future.</p>
<p><span style="text-decoration: underline;">Here&#8217;s some additional info I scraped from the comments at golem.de:</span></p>
<ul>
<li>If you&#8217;re using gimp, <a title="gimp seam carving GUI plugin" href="http://liquidrescale.wikidot.com/" target="_blank">here&#8217;s a plugin for you</a>.</li>
<li>Photoshop CS4 can do it, too (it&#8217;s called content-aware scaling)</li>
<li>For fancy online retargeting (how many names are they gonna give this?), check out <a title="Flash-based online seam carving" href="http://www.rsizr.com" target="_blank">rsizr</a>. While I liked the animation, the result wasn&#8217;t that convincing (I guess it&#8217;s art):</li>
</ul>
<p><img class="alignnone size-full wp-image-182" title="Seam carving with rsizr.com" src="http://www.gonnalearn.com/wp-content/uploads/2008/10/fortaleza-rsizr.jpg" alt="" width="480" height="220" /></p>
<p>If you still haven&#8217;t done so, <a title="Seam Carving GUI download" href="http://code.google.com/p/seam-carving-gui/downloads/list" target="_self">go get Seam Carving GUI</a> and have fun (did I mention it&#8217;s free and available for Windows, Mac OS and Linux?).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gonnalearn.com/2008/10/29/content-aware-resizing-picture/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
