あれから数年後・・・
今日はちょっと最近の画像形式を紹介します。本ブログでも過去の自分のブログ画像から保存し活用したりするのですが・・・
保存しても白いメモのような形式だけで画像が何も表示されないなんて事はありませんか?実はこれトラフィックの削減
表示スピードの短縮を目的にGoogle社が開発したものでWebサイト向けの静止画像の拡張子が「.webp」に
なったら余波なんです。しかも最近ではなく2010年なので何故に今更と思いましたがアメブロも無料
とはいえ容量対策に乗り出したのでしょう。保存はどうしたらいいのかと書くとWin10ならペイントから変換
できますが何回も記載している当方は使い易いWin7は対応してないので変換方法として簡単なのが
画像を保存したら拡張子が「.webp」を確認し以下の「Squoosh」リンクへ遷移しましょう
リンクを踏むと下記画面になるので何も表示されていない.webp画像をリンク先にドロップすると・・・
因みに画像は私が過去に攻略記事を書いた新桃太郎伝説の全体マップですが何故か今だに人気があり不思議です
画像中央にある桃&水色はドラッグで移動でき左がオリジナル画像で左が変換&圧縮したプレビュー画像が見れます
続いて画面右側の「Edit」のバーをクリックで横にズラすと高さ、幅を変更できますが今回は省略
今回の目的である変換は「Compress」で赤丸の下向き矢印をクリックすると・・・
このように表示されるので好きな拡張形式を選択し最後に黄丸をクリックすれば完了です。お勧めとしては下記2つ
・MozJPEG
Mozillaが開発したJPEGフォーマットで高品質な圧縮が可能でWebブラウザーと完全に互換性があるのでブログやウェブサイトに最適
・OxiPNG
PNG画像に特化したもので画像の品質を損なうことなくファイルサイズを劇的に削減でき背景を透過させる事も可能
他にwebp形式を保存する方法としてはGoogle Chrome拡張機能、Photoshopが使えますが上記が一番楽かと思います
それでは本題です