PNG」タグアーカイブ

呑みながらでもわかる! これくらいなら知っておきたい「PNGのしくみ」

こんにちは、開発の小野知之です。

つい先日、当社製品「OPTPiX imesta 7 for Mobile & Social」の最新版「Ver.7.55」において、PNGファイルのサイズを更に小さくする「PNG オプティマイザー」という機能をパワーアップしました。
» プレスリリースはこちら
そこで今回は、この機能に関連して、「そもそもPNGって、どんなふうに画像データを圧縮し、ファイルサイズを小さくしているの?」というお話をしたいと思います。

でも、あまり専門的なことは書かずに、「誰もがサラッと読めて、呑みながらでもなんとなくわかる」 ような感じに説明したいと思います。

呑みながらでもわかる! これくらいなら知っておきたい「PNGのしくみ」特に、ウェブページデザインやアプリ開発などでPNGを使っている方は、この機会に是非、知っておいてください。

続きを読む

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

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

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

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

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

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

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

「PNG24高圧縮化加工」でFacebookのカバー写真を綺麗なままコンパクトに!

Web担当の嶋です。

昨年末に「Facebookにキレイなカバー写真を投稿するポイント」というエントリーを公開しました。その時の結論としては「256色のPNGにしてアップすると、ロゴもくっきりするしファイルサイズも小さくなる」というものでした。

しかし、アニメ調などベタ塗りの箇所が比較的多いカバー写真であればいいのですが、写真やグラデーションを多用した画像を減色すると、物によっては階調不足が気になる場合もあります。

今回はOPTPiX imesta 7 for Mobile & Socialに試験的に搭載されている機能「PNG24高圧縮化加工」を使って、24bitの画像をFacebookのカバー写真にする、というのを試してみたいと思います。

続きを読む

カテゴリー: Facebook | タグ: , , , | 2020/06/16 更新

Rubyを使って開発工数を短縮しよう

開発担当の佐藤Sです。

プログラマの皆さんに質問です。Rubyを使ったことはありますか?
プログラマであればRubyがどんなプログラミング言語なのか、知識としてはご存知のことと思います。ですが、非ウェブ系開発者だと、意外と使用経験のない方は多いのではないでしょうか。

続きを読む

カテゴリー: 開発・プログラミング | タグ: , | 2020/06/16 更新

「OPTPiX imesta 7 for Mobile & Social」の新機能『PNG24高圧縮化加工』がいよいよリリース!

『枯れた技術の水平思考』とは、故・横井軍平さんの哲学だそうですが、ツール開発にもその哲学が。ソリューション営業部の浅井です。

ある日、弊社の開発から『面白いこと考えた!』という叫び声が上がったのが本年の7月。聞けば『24bitのPNGを、24bitのまま小さく』となぞなぞっぽいアイデア・・・だったんですが、ここ1年くらい、スマートフォンアプリを制作しているお客様から『PVRTCやETCなどの圧縮テクスチャをどーしても使いたくない局面』があること、またその場合は『フルカラーのPNGを仕方なしに使っている』と聞いていたこともあって、こここ、これはッ!

と色めき立ちまして、弊社製品“OPTPiX imesta 7 for Mobile & Social”「OPTPiX Labs」印で実験的にリリースしたことを、ここにお知らせいたします。

続きを読む

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