最新テクノロジー情報
最新記事
カテゴリアーカイブ
タグクラウド
プロフィール
もんじさんの画像
もんじ
前職はシステム開発の仕事でプロジェクトリーダーをやっていました。そこで疲れ果て、精神を病み、退職へ。今は前職で培った技術を元に、独立に向けて勉強中の身です。

サイト内検索

広告

posted by fanblog

2014年11月20日

拡張子「WebP」を簡単に他の形式に変換する方法

皆さん、こんにちわ。もんじです。

本日は、拡張子「WebP」についてお話したいと思います。

これは最近出てきた新しい画像ファイルの拡張子です。
ちなみに「ウェッピー」と読みます。

なんだかディズニーのキャラクターみたいな
かわいい名前ですね(笑)

作成したのはGoogle で、現在のインターネットで主に使用されている、
「JPEG」 「GIF」 「PNG」 よりも 20%〜30%ほど高いと言われています。
(中にはファイルサイズが PNG の 1/10 になった例もあります)

この 【WebP】 は、インターネットのトラフィックの減少とWebページの表示を高速化するために生まれました。

最新の規格ということはいいのですが、使う方としては困ったものです。

まだまだ各ソフトやブログサービスが対応していないので、別の画像フォーマット形式に変換する必要があります。

【Skitch】 というソフトを使って変換することは可能ですが、今回はもっと簡単に、ソフトも何も使わないで変換する方法をご紹介します。

スポンサードリンク

【WebP】 を他の画像フォーマット形式に変換する方法

とても簡単に変換する方法です。
なぜこの方法で変換できるのか、理由は後述します。

1.画像を新しいタブで開く

webPChg01.png
取得したい画像を右クリックして、
【新しいタブで画像を開く(I)】 を選択


2.URL の最後に記述されている 「-rw」 を削除してリロード

webPChg02.png
新しいタブに画像だけが表示されます。
そのタブの URL の最後に 「-rw」 という記述があるので、それを削除して URL をリロードします。


3.画像を保存

webPChg03.png URL をリロードすると、先ほどと似たような画像だけのページが表示されますが・・・
webPChg04.png 画像を保存すると、PNG になっています!



以上となります。簡単でしょ?(´∀`)


さて、なぜこんな事が出来るのかと言うと、実はこの 【WebP】 という画像フォーマットはChrome や Opera でしか表示されません。

試しに Firefox で先ほどのページを表示すると、

webPChg05.png
いきなり PNG 形式での保存が可能です。



どういう仕組みかと言うと、私の勝手な推測ですが、恐らく、Google のサーバーに画像をアップロードした場合、Google はアップロードされた画像ファイルの 【WebP】 版も作成しているようです。
その 【WebP】 版の画像ファイルの URL が 「-rw」 の場所に保管されているのでしょう。

そして、Chrome や Opera では、ページ表示を高速化するために、【WebP】 版の画像ファイルを優先して表示するようになっているんだと思います。

アップロードされたオリジナルの画像ファイルは「-rw」 が付加されていないページに保管されているので、この 「-rw」 を URL から取ってしまえばオリジナルの画像ファイルを取り出せるというわけです。

これは Google のサーバーでしか起こらない事象なので、今のところは、「Google play」 や 「Google+」 などのサービスを利用する場合だけですね。
これからの対応状況によってはどうなるかわかりませんが。

ただ、Firefox の開発元である Mozilla の調査では、jpeg 形式の画像フォーマットと、たいして変わらないという調査結果を発表しています。

まぁ、ライバル企業なので何とも言えませんが。


とりあえずは今回ご紹介した方法が一番簡単だと思います。

今後、状況が変化したら新しい対応方法をご紹介したいと思います!


でわでわ (´∀`*)ノシ

スポンサードリンク



タグ: 拡張子
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/2990045
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
Build a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: