画像形式」カテゴリーアーカイブ

画像容量を小さくする方法 第4回:軽い画像フォーマット「WebP」、ただし使い方には要注意

ウェブ担当の嶋です。

シリーズ「画像容量を小さくする方法」、過去4回に渡って色々と説明してきましたがそこでは主に「JPEG」「PNG」「GIF」といった定番の画像フォーマットを中心に説明してきました。

過去のエントリー内にも何度か出てきていますが、ウェブページやスマートフォンアプリなどでは先述のもの以外にも「WebP」と呼ばれる画像フォーマットが徐々に使われるようになってきました。

Googleが開発したWebPは既存のフォーマットよりもファイルサイズが小さくなること、iOS14からiPhoneのSafariでもサポートされるようになったことから注目されるようになりました。しかし、現時点ではJPEGやPNGと同じ感覚で使ってしまうと様々な面で問題が起こり得るフォーマットでもあります。

一体WebPとはどんな画像フォーマットなのか、そして実際に運用するにあたって注意するべき点はどんなところなのかをまとめてみました。 続きを読む

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

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

ウェブ担当の嶋です。

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

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

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

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

DirectX 11の圧縮フォーマットBC1~BC7について (後編)

こんにちは。ウェブテクノロジの清水です。

前回の「DirectX 11の圧縮フォーマットBC1~BC7について(前編)」では概要とBC1~BC5 までを解説しました。今回は続きとなるBC6HとBC7について解説いたします。

続きを読む

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

DirectX 11の圧縮フォーマットBC1~BC7について(前編)

こんにちは。ウェブテクノロジの清水です。

米Net Applications社の調査によると、Windows XPは2014年4月の時点でも26.3%と高いシェアを保ってるようです。しかし、いくらユーザが残っているとはいえ、末端の開発者がサポートが終了したOSの面倒をいつまでも見ているわけにもいきません。
最近ではWindowsアプリケーションの動作対象OSからWindows XPが外されることも普通のことになり、ようやくWindows XPの束縛から解放された、と内心安堵している開発者の方も多いのではないでしょうか。
そして、3D系アプリの最低動作環境の見直しとなると、Windows Vistaは飛ばして、Windows 7とDirectX 11を最低動作環境にする、という選択もそれほど無茶ではないように思えます。

今回は、DirectX 11で利用可能な圧縮テクスチャについて、解説いたします。

DirectX 11では、BC1~BC7(BC1、BC2、BC3、BC4、BC5、BC6H、BC7)の7種類の圧縮テクスチャが利用可能ですが、それぞれが実際にどのような圧縮フォーマットなのかという点についてはあまり詳しく知られていないようです。

今回は「前編」として、概要とBC1~BC5までを解説します。
続きを読む

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

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

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

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

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

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

続きを読む

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