減色」タグアーカイブ

スマートフォンに大事なのは「ピクセルサイズ」じゃなくて「ファイルサイズ」です

こんにちは、営業部の嶋です。

ついに、という感じで新しいiPhoneが発表されました。事前の予測では「iPhone5が出る!」という話でしたが蓋を開けてみれば「iPhone4S」という今のモデルのリファインモデル。発表後はAppleの株価も下げたりしたそうですが、リファインとはいえ「デュアルコアのCPU」「8メガピクセルの顔検出機能付きカメラ」「1080pのHDビデオ撮影」「64GBモデルの追加」など、リファインという言葉が果たして適切なのか、というくらいのパワーアップを遂げています。また、従来のソフトバンクからだけではなく、auからも発売されることで話題となりました。

しかし、端末そのものは大幅にパワーアップしているものの、通信回線は従来の3G回線のインフラを利用することになります。

スマートフォン用サイトにPCサイトの画像を流用しているコンテンツはかなりありますが、PC用の画像はファイルサイズが大きい物も多く、いざページを見ようと思うと表示されるまでに結構時間がかかってしまうこともあります。将来的には携帯電話のデータ通信が従量課金制になってしまうかもしれない、という話もあって、携帯電話やスマートフォン向けのサイトには、専用の画像というものをきちんと用意してコンテンツ展開を図りたいという声もよく耳にします。

「でも、携帯用サイトの画像を別で作るとなると色々手間もかかるし、そもそもファイルサイズを小さくしたら画質が悪くなっちゃうでしょ?」

そこで役立つソフトウェアが、OPTPiX imesta 7 for Mobile & Socialです。

OPTPiX imesta 7 for Mobile & Socialには携帯電話の機種毎に最適な画像を出力するための「機器情報」が登録されています。この情報はインターネット経由でアップデートされ、携帯電話やスマートフォンに最適な画像を簡単操作で出力することができます。

また、自分で任意の画像サイズやファイルサイズを指定し、機器情報として登録することもできるので、「960×640ピクセル」で「200KB以内のJPEG」で出力、とか「320×200ピクセル」で「256色のGIF」というように画像のピクセルサイズやファイルサイズ、色数など細かな指定をしてその指定範囲に収まる画像を自動生成する、ということも可能です。

例えば下の2枚の画像。いずれもピクセルサイズは同じPNGファイルですが、左はオリジナル、右は「256KB以内に収める」という設定で色数を減らしたものです。
クリックするとそれぞれ別の窓で表示されますので、比較してみてください。

686×960 24bit(フルカラー) 835KB 686×960 237色 249KB

いかがでしょうか?ファイルサイズを約70%削減したにも関わらずほとんど変わらない品質の画像を実現しています。これがOPTPiX imestaシリーズが長年培ってきた減色技術です。

この機能を活用することで、高品質のまま、スマートフォン向けや携帯電話向けサイトの全体の容量を抑えることが可能になります。また、転送するデータが少ないということは、サイトそのものが軽い、ということでもあります。サクサク見られるサイトはユーザーのコンバージョンの向上にも繋がります。

OPTPiX imestaはすぐに使える1ヶ月フルトライアルをご用意しております。上記の減色はあくまで一例です。サクサク見られるスマートフォンサイトの構築に、OPTPiX imesta 7 for Mobile & Socialを是非ご活用ください。

OPTPiX imesta 7 for Mobile & Social 製品ページ
OPTPiX imesta 7 for Mobile & Social トライアルフォーム

カテゴリー: OPTPiX imesta | タグ: , , , , , , , | 2022/06/30 更新

CEDEC2011、ご来場ありがとーございました!

腰と足とその存在が痛い。ソリューション営業部の浅井でございます。
9/6~9/8までゲーム業界関係者の聖地”パシフィコ横浜”にて開催されました素敵な祭典『CEDEC』の件。お陰様で無事に、しかも大盛況のうちに出展終了、いたしました。

今回のテーマは話題の次世代ゲーム機”PlayStation® Vita”、また新たなプラットフォームとして注目を浴びるスマートフォン。この2つに狙いを定めまして、弊社の画像最適化プロダクトの新製品『OPTPiX imesta 7 for PlayStation® Vita”、および2Dアニメーション作成ツール 『SpriteStudio』、更に今話題のゲーム開発ミドルウェア”Unity”上に『SpriteStudio』で作成したアニメーションデータを取り込んじゃうアセット『SpriteStudio for Unity(仮称)』を展示。

SpriteStudioの採用事例に興味津々なお客様

・・・したんですが、ご来場いただくお客様の注目をかっさらったのは『SpriteStudio for Unity(仮称)』!
同じく弊社製品の『コミPo!』のキャラクター、”コミポちゃん”をデモ用素材として動かしていたせいなのか、足を止めてくださるお客様が多数。曰く、

『このドット絵がここまでなめらかに動くの?』
『このアニメーションの構造は?』
『スマートフォン実機に出力した時のファイルサイズは? 重たくない?』

などなど・・・ご安心くださいッ! 何しろこれからチューニングしますッ!

みたいな。
あとシャツの襟を強烈に立てた外人さんがお越しになって弊社ブース前に座り込んで”SpriteStudio for Unity(仮称)”について熱く質問してくるのでアラヤダどちら様かしらー、とか思ったらなんと”Unity”のCEO! いやはや弊社ブースに語学が堪能な者がおらず、しどろもどろに対応することになり大変恐縮・・・でしたが、その襟同様にかなりハイテンションにお褒めいただきました。

ともあれ、これまで多くのユーザー様各社に頂戴しました”採用事例”、こちらを展示していたお陰で『SpriteStudio』が如何に汎用的なアニメーションデータを作れるツールなのか、そしてミドルウェアだけでなくいろいろな開発環境に対して親和性の高いツールであるコトを多くの方々に知ってもらえる良い機会になったのは確か。ちょうど今回のCEDEC2011会場では、『SpriteStudio』をダイーブお安く購入できる限定割引チラシを配布していたこともあって、皆様『ひとまず試したい』と思っていただけたのが何よりの幸い。
改めて弊社一同、気を引き締めて機能強化だとか改善、新製品開発に打ち込むことで、ゲーム業界が『より楽に』素晴らしいゲームを作ることに集中できるよう、がんばっていく所存でございます。

ということで弊社ブースだけでなく、CEDEC2011に起こし下さいました方々、本当にありがとうございました。

ところでニコニコ生放送にうっかり出演したりしていい感じに生き恥を晒したワケですが。

 

ニコ生に出演してみた

ニコ生に出演してみた。ついでに”OPTPiX imesta 7”で16色に減色してみた。

っていうかね、髪型についてのどーのこーのなコメントがね、なんか気になったっつー。

カテゴリー: イベント | タグ: , , , , , , , , , | 2020/06/16 更新

減らした色数が戻る不思議。「ディザ除去」とは?

「断捨離」をご存知でしょうか。

Googleで検索すると、なんと「2,540,000件」もヒットしちゃうトレンドワード、なんですが要は「物を捨てることで整理整頓、身軽になって快適な生活を送っちゃうぜイエー!」みたいな話だそうで。(→Wikipedia
なるほどなぁ、とか思ってもコレクターなんかしちゃってるソリューション営業部浅井としましては難しいお話。っていうか自室に沢山ある「物」もきれいに整理整頓している「つもり」だったりするので、これを捨てたらそれは身軽にはなるだろうけど快適かと言われると・・・? みたいな。

さて「捨てちゃう」つながりで”減色”の話題。
画像データを軽くしたくて”減色”、したデータ。実はこの”減色”で一度減ってしまった、捨てちゃった色を取り戻す方法があるのはご存知でしょうか。(もーなんか「断捨離」から対局にありますが)

ご紹介しますのがこちら、『減色後画像の復元(ディザ除去)』

ディザ除去の例

弊社製品”OPTPiX imesta 7″シリーズに搭載されている機能。
減色後のデータから「ディザ成分」だけを除去することで、減色して「インデックスカラー」化した画像データを「フルカラー」に復元することができちゃう・・・という・・・!

はてさてこの機能、どーいうタイミングで使うの?
ということで実際の活用事例からご紹介しますと、前世代の「据え置きゲーム機」から「高解像度な携帯ゲーム機」への『移植』。タイトル名を出すのは差し控えますが、旧作で作ったテクスチャデータ、でも減色「前」の元データがもう残っていない。なので、現物として残っているインデックスカラー化したテクスチャデータをこの『ディザ除去』でフルカラーに再変換、その後携帯ゲーム機向けに再度圧縮をかけた、という事例が。なので『減色→ディザ除去→再圧縮』と。

折りしも今年は新世代の携帯ゲーム機に加え、ゲーム専用機と遜色ないスペックを持ったスマートフォンが続々登場。旧作の「移植」や「リメイク」の話も多数。なのでこの『ディザ除去』で、過去の「断捨離」で捨てちゃったものを取り戻す、そんな事例が出てくる・・・予感・・・!

※今気づいたんですが、このエントリ、「アンチエイジング」とかにした方が良かったですかねぇ

『減色後画像の復元(ディザ除去)』

『減色後画像の復元(ディザ除去)』機能を持つ代表的な製品は、こちら。

“OPTPiX imesta 7 for PSP®”
“OPTPiX imesta 7 for Mobile & Social”

の他、もちろん今話題の新製品対応版”OPTPiX imesta 7″にも実装されます! のでお楽しみに!

カテゴリー: 画像減色 | タグ: , , | 2020/06/16 更新

キャプチャ画面はJPEGではなくインデックスPNGで

こんちには。ウェブテクノロジ開発部の山崎です。

仕事でもプライベートでも、
いつもお世話になっているGoogleさんにお伝えしたいことがありまして、
この場を借りることにしました。

まずは以下のキャプチャ画面を見ていただきたいのですが、
Googleさんの検索サイトで「ウェブテクノロジ」と入力したあとで、
検索結果に表れる虫眼鏡のアイコンをクリックすると、
対象サイトのキャプチャ画面(サムネイル画像)が表示されます。

Googleキャプチャ画面

このキャプチャ画面の画像ですが・・・ちょっと荒すぎませんか? (どう思われますか?みなさん)

わたしはJPEGのモスキートノイズが・・・気になって仕方がないのです(職業病??)。

JPEG画像の圧縮率を高くすると、どうしてもこうなる傾向があるのはわかりますが、
特に「キャプチャ画面の場合はJPEG画像ではなくインデックスPNGを使ってください!」とお伝えしたいのです。

特に、弊社の製品に組み込まれている減色エンジンをぜひご検討いただきたい!と思うのです。

Google(の中のひと)さま、もしこのブログをご覧になりましたら、
弊社のツール・・・「OPTPiX imestaシリーズ」をぜひ一度お試しください。

ちなみに、弊社のWebページを「OPTPiX imesta」を使ってインデックスPNGに変換すると・・・

キャプチャ画像のPNGとJPEGの比較画像

同じ画像容量でも、インデックスPNGとJPEGでこれだけ違います。
左がインデックスPNG、右がJPEGのキャプチャ画像になります。

 

カテゴリー: 画像形式 | タグ: , , , | 2020/06/16 更新