Shimazemi Staff Blog

和歌山市の進学塾「しまだゼミナール」(しまゼミ)のスタッフブログです。

無料サイトでOGPのPNG画像のファイルサイズ(容量)を縮小(圧縮)する方法!16色に減色しても大丈夫?

Written by staff / 25 04 2021 / コメントなし

和歌山市の個別指導塾「しまだゼミナール」(しまゼミ)のホームページ(トップページのみ)では、FacebookやTwitterなどのSNSでシェアした際に画像を表示させるために、OGP(Open Graph Protcol)を設定しています。

ただ、このOGPの画像サイズは、現状、1200×630ピクセルが最適とされており、PNG形式で作っても、結構な容量になってしまいます。

私が作った1200×630ピクセルのPNG画像で、サイズは1556KBなので、光回線などのブロードバンドが普及した今ではそんなに大きいとは言えませんが、ちょっとでもウェブサイトの読み込み速度を上げるために、今回、無料のウェブツールを使って、容量を縮小してみました。

オンラインでPNG画像のファイルサイズを縮小する無料サイトはいくつかありますが、Optimizilla(https://imagecompressor.com/ja/)というサイトが一番便利でした。

何が便利かというと、デフォルトでの容量圧縮だけでなく、カラー数を調整して、極限までファイル容量を減らすことができるところです。

しまゼミのOGP画像は、デフォルトでは212色まで減色され、ファイル容量は、-65%にまでなりましたが、これを16色まで減色すると、-88%にまで圧縮することができました。

16色なんて減色しすぎでは?と思うかもしれませんが、元々、しまゼミのOGP画像は大して色数を使っていませんので、ぱっと見では違いが分からないぐらいです。

昔のPC98時代なんて、16色でゲームが作られていたので、16色もあれば、なんとかなるものです。

個人的には16色でもいいような気もするのですが、そこまで無理やりファイルサイズを縮小する必要もないので、今回のOGP画像には212色に減色したものを採用しました。


元のPNG画像(1200×630、1556KB、RGBA PNG)
ogp-png-original


212色に減色したPNG画像(1200×630ピクセル、537KB、Indexed-RGB PNG)
ogp-png-212


16色に減色したPNG画像(1200×630ピクセル、192KB、Indexed-RGB PNG)
ogp-png-16

Classified in : 雑記 / Tags : なし

Write a comment

5番目のアルファベットを入力してください llyawq? :