<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/11/html5-edit.jpg" alt="HTML5画像エディタ" title="html5-edit" width="514" height="204" class="aligncenter size-full wp-image-16720" /></p>
<p>HTML5で構築されたオンラインの画像編集サービス、だんだんと出現し始めていますよね。</p>
<p>今回は、オンライン画像エディターのAviaryが新たにリリースしたHTML5で作られた画像エディターをご紹介します。</p><!--more-->
<h3 class='header-label'>HTML5で作られたオンライン画像エディタ「HTML5 photo editor」</h3>
<p>「HTML5 Editor」は、知る人ぞ知るオンライン画像エディター<a href="http://www.aviary.com/" target="_blank">Aviary</a>が新たに構築した<strong>HTML5で作られたオンライン画像編集ツール。</strong></p>
<p>物珍しさもありますが、使いやすさもなかなかのもの。ここではその機能をご紹介します。</p>

<h4 class='tips'>レトロとポラロイド調で加工したサンプル画像</h4>
<p><img src="http://web-marketing.zako.org/images/2010/11/aviary.jpg" alt="レトロなポラロイド調" title="aviary" width="400" height="400" class="aligncenter size-full wp-image-16722" /><br />↑こちらがいつもどおり<a href="/google/random-google-street-view.html">ストリートビューの景色</a>をキャプチャして画像を加工し、ダウンロードした物。若干画質を下げ、サイズを小さくしています。</p>
<h4 class='tips'>HTML5 photo editorの画像編集機能</h4>
[caption id="attachment_16714" align="aligncenter" width="400" caption="画像の回転"]<img src="http://web-marketing.zako.org/images/2010/11/rotate.jpg" alt="回転" title="rotate" width="400" height="244" class="size-full wp-image-16714" />[/caption]

[caption id="attachment_16713" align="aligncenter" width="400" caption="フリップ"]<img src="http://web-marketing.zako.org/images/2010/11/flip.jpg" alt="フリップ" title="flip" width="400" height="223" class="size-full wp-image-16713" />[/caption]

[caption id="attachment_16715" align="aligncenter" width="400" caption="切り抜き"]<img src="http://web-marketing.zako.org/images/2010/11/kirinuki.jpg" alt="クロップ" title="kirinuki" width="400" height="255" class="size-full wp-image-16715" />[/caption]
<p>その他にも、</p>
<ul><li>リサイズ</li><li>赤目処理</li><li>色合い</li><li>彩度</li></ul>

<p>といった編集機能があります。</p>

<h4 class='tips'>HTML5 photo editorのエフェクト機能</h4>
[caption id="attachment_16716" align="aligncenter" width="400" caption="インスタントカメラ加工（ポラロイド調）"]<img src="http://web-marketing.zako.org/images/2010/11/instant.jpg" alt="ポラロイド調" title="instant" width="400" height="222" class="size-full wp-image-16716" />[/caption]

[caption id="attachment_16717" align="aligncenter" width="400" caption="レトロ加工"]<img src="http://web-marketing.zako.org/images/2010/11/retro.jpg" alt="レトロ" title="retro" width="400" height="254" class="size-full wp-image-16717" />[/caption]

[caption id="attachment_16718" align="aligncenter" width="400" caption="白黒写真加工"]<img src="http://web-marketing.zako.org/images/2010/11/old-photo.jpg" alt="オールド" title="old-photo" width="400" height="257" class="size-full wp-image-16718" />[/caption]

<p>編集した画像は、ダウンロード、あるいはURLで取得することができます。</p>

[caption id="attachment_16719" align="aligncenter" width="400" caption="画像のダウンロード画面"]<img src="http://web-marketing.zako.org/images/2010/11/download.jpg" alt="ダウンロード" title="download" width="400" height="332" class="size-full wp-image-16719" />[/caption]

<p>興味のある方はHTML5 Editorへどうぞ。</p>

<p>セキュリティの問題などを抱えるため、まだまだこれからというHTML５ですが、そのいろいろな可能性を見ているとワクワクするものもありますよね。</p>

<p>Via:<a href="http://www.delicious.com/url/c92d5adc44a17dd2543c56f1d7e35f95" target="_blank">delicious</a></p>