次世代画像フォーマット「WebP」って?

2021年10月15日
WEB-BOX
みなさまこんにちは。
いつも弊社サービス「WEB-BOX」をご利用頂き、ありがとうございます。

今回は画像ファイルの容量を軽量化できる次世代画像フォーマット"WebP"(ウェッピー)についてご紹介いたします。

ネットショップ等を運営されているお客様の中で、掲載する画像が多くなってしまい、
Webページの表示に時間がかかってしまうことを気にされたことはありませんか?
そんなお客様は、次世代画像フォーマット"WebP"(ウェッピー)を使ってみるのはいかがでしょうか?
 

1."WebP"(ウェッピー)って?

WebPは2010年に米Googleが表示速度短縮を目的として開発した画像フォーマットです。ファイルの拡張子は「.webp」です。
WebPの大きな特徴としては、3つ挙げられます。

画像ファイルの容量が軽い

PNG画像では約26%、JPEG画像では約25%〜34%、容量が小さくなると言われています。
参考サイト)https://developers.google.com/speed/webp

背景透過

背景が透過された画像を使用する際は、PNG画像を使うしかありませんでしたが、WebPでも背景透過は可能です。

アニメーション

WebPなら画質を保った状態で、軽量なフルカラーアニメーションの作成が可能です。

今まで使っていたJPEG、PNG、GIF画像をWebPに置き換えることが出来ると、
画像の軽量化が出来、Webページの読み込み速度度が改善されます。
 

2.WebPのデメリット

最近いろんなWebサイトで見かけるようになってきたWebPですが、いくつかデメリットもあります。

未対応ブラウザがある

2010年に開発されたWebPがなかなか普及しなかったのは、対応ブラウザが少ないため、
使用率が伸びなかったためとされています。

2021年10月現在、主なブラウザとしてIE(Internet Explorer)やiOS13以下などでは未対応となっております。



しかしInternet Explorer11(IE11)は2022年6月15日にサポート終了が発表されております。
それに伴い、WebPの普及率はこれからどんどん上がっていくことが予想されます。

参考サイト)https://caniuse.com/?search=WebP


3.WebPの作成方法

WebPを使用したい場合は、JPEGやPNG等の元画像を変換する方法があります。
一番手軽な方法として、変換したい画像をドラック&ドロップするだけで作成できるツールがあります。



参考サイト)https://lab.syncer.jp/Tool/Webp-Converter/
 

4.最後に

WebPについて、いかがでしたでしょうか?
もしWebPを使用してみたいが、やり方がいまいち・・・という方がいらっしゃいましたら、
是非担当営業、もしくはシステムグラフィまでお気軽にご相談くださいませ。
 

■お電話でのお問い合わせ
0778-51-7132 (システムグラフィ福井本社)

■Webフォームでのお問い合わせ
専用のお問い合わせフォームからお問い合わせください。

9/16 オンラインWEB-BOX勉強会開催

2021年09月13日
WEB-BOX
WEB-BOX勉強会

みなさまこんにちは。
いつも弊社サービスをご利用いただきありがとうございます。

この度、9/16(木)に「WEB-BOX勉強会」を開催いたします。

今回の内容は「SEO対策について」についてです。
ホームページを運用するにあたって重要な項目になります!
 

Webページの更新が反映されない?キャッシュの削除方法

2021年08月31日
WEB-BOX
いつもWEB-BOXをご利用いただきありがとうございます。
Webページの文章や画像を更新したときに、「更新したのに変更が反映されていない!?」という場面に出くわすことはございませんか?

更新が完了しているのに実際のページに反映されない場合、それは必ずしも不具合ではありません。
Webページを閲覧する際には、裏側で「キャッシュ」という仕組みが関わっています。
実はこのキャッシュが原因で更新がすぐに反映されない場合があります。

ここではキャッシュとはどんなもので、どんな役割があるかについてご紹介し、
さらに、意図的にキャッシュを削除してページの更新をすぐに確認できるようにする方法をご紹介します。

【いますぐできるSEO対策】META文字編集

2021年07月28日
WEB-BOX
いつもWEB-BOXをご利用いただきありがとうございます。

皆さまは適切なMETA文字を登録できていますでしょうか?
META文字では、SEO対策の基本的な設定ができます。



まず初めにページ上部の「SEO対策」の「META文字編集」、
又は左メニューの各ページ毎の「META文字編集」をクリックします。

社外報「夏号」発行のお知らせ

2021年07月12日
WEB-BOX
皆様こんにちは。
いつも弊社のホームページ制作サービス・ホームページ更新ツールの 「WEB-BOX」をご利用いただきましてありがとうございます。
クリエイティブサービスグループと情報管理グループが合同で発行している 社外報「GRAPHI NEWS」の2021年夏号の発行をお知らせいたします。
 

今号では、先日ニュースになったWindows10のInternet Explorer 11 デスクトップ アプリケーションを来年2022年6月15日にサポートを終了する件について詳しく掲載しております。サポートが終了することによってどうなってしまうのか、代替手段はあるのか、気になる内容を分かりやすくピックアップしております。

その他には、ついつい画像を沢山アップしてしまい、管理が難しくなってしまうファイルキャビネット。その管理のコツを画像付きで掲載しています。
またSEO対策ではかなり重要になってくるページスピードの改善、リモートワークが増えつつある中、必要となってくるネットワークトラブルシューティングなど今号も非常に読み応えのある内容となっております。
是非お気軽にご覧ください。