アルファチャンネル」タグアーカイブ

Chromeの対応で活用の幅が広がりそうなアニメーション画像「APNG」についてまとめてみました

ウェブ担当の嶋です。

先日Google ChromeやOperaがAPNG(アニメーションPNG)に対応しました。ブラウザでアニメーション画像を表示する場合、アニメーションGIFやmp4などの動画ファイル、そしてHTML5を利用したアニメーションなどが選択肢にあがりますが、これに一つフォーマットが追加されたということになります。

なぜ今APNGなのか。そしてアニメーション画像としてAPNGを使うメリットはどこにあるのか、ちょっとまとめてみました。

※ 本エントリーではAPNG画像を使用しています。対応していないブラウザ(Internet Explorer等)で見た場合はアニメーションしない静止画として表示されますのであらかじめご了承下さい。また、本エントリーの情報は2017年7月現在の情報です。 続きを読む

カテゴリー: 画像形式 | タグ: , , , , | 2017/07/12 更新

Unity 5 で高品質な PVRTC テクスチャを使用する方法

Unity 5 では、テクスチャファイルの管理方法が変更されました。そのため、Unity 4 以前と同じ方法では、外部ツールで圧縮済みのテクスチャファイルをそのまま読み込んで使用することができなくなりました。

これでは、せっかく OPTPiX imésta 7 for Mobile & Social (以下、imésta) で作成したPVRTCテクスチャも、Unity 5 ではその高品質を活かすことができません。

そこで今回は、imésta で作成した PVRTC テクスチャをそのままUnity 5 で使用する手順をご紹介します。

※ この方法は2016年8月現在公開されているUnity 5での方法です。今後アップデートなどで下記の方法が使用できなくなる可能性もあります。

続きを読む

カテゴリー: OPTPiX ClearPVRTC for Unity 5 | タグ: , , , ,

テクスチャ圧縮フォーマットPVRTCのTips CEDEC2013復習編(2)

ウェブテクノロジ R&D部の上田です。

今回は前回に引き続いて、CEDEC2013の公募セッションから、テクスチャ圧縮フォーマットのPVRTCに関するTipsをピックアップしてご紹介したいと思います。
続きを読む

カテゴリー: 画像形式 | タグ: , , , , | 2016/08/30 更新

スプライトシート軽量化テクニック(JPEG分割 vs 減色)

開発部の山崎です。今回は、スプライトシートのファイル容量を軽減するためのテクニックをご紹介いたします。

Adobe Flash CS6には「スプライトシート」を出力する機能があります。スプライトシートを使うと、Flash Playerを使わずに、ブラウザ上でパラパラマンガ方式のアニメーションを表示することができます。現在主流のブラウザ(IE9を除く)であれば、CSSやJavaScriptを使って容易にアニメーションを表示することができます。最近は、Flashに対応していないスマートフォンでWebを閲覧する機会が増えていることから、注目されている機能です。

本記事では、このスプライトシートのファイル容量を軽減するための方法について考察してみます。

ちなみに、弊社製品の「OPTPiX SpriteStudio」と「OPTPiX imésta」を組み合わせて、スプライトシートを作成することも可能です。
続きを読む

カテゴリー: 画像形式 | タグ: , , , , | 2016/10/05 更新

DXTC(S3TC)圧縮のアルゴリズムとは?~後編~

R&D部 上田です。

DXTC(S3TC)圧縮のアルゴリズム解説、後編です。前回のエントリーでは「DXTCとは何か?」「どんなところで使われているのか?」といった基本的な解説と、DXT1のアルゴリズムをご説明しました。今回はDXT2~DXT5のアルゴリズムについて解説していきます。

続きを読む

カテゴリー: 画像形式 | タグ: , , , , | 2016/08/29 更新