ブログやYouTubeで見かけることが多い「いらすとや」さんの画像
フリー素材としては種類も多くかわいい画像も多いため、使っている方も多いのではないでしょうか。
今回は、いらすとやさんからダウンロードした画像の圧縮方法について説明します。
- なぜブログ用画像を圧縮をするのか
- いらすとやさんの画像を圧縮する方法
- 圧縮前後のサイズ比較
ブログ画像の推奨とされる200kを超える容量のものがあるのでそれらの容量圧縮に役立ちます。
今回容量圧縮するツールは「画像圧縮AC」を使います。
画像圧縮ACは背景の透明を維持できる
いらすとやさんの背景は透明で作られています。
その理由は次の通りです。
これは違う圧縮ソフトで変換したものなんですが
白背景に背景色が黒い「いらすとや」さんの画像を置くとこんな感じになります。
背景色とあっていない事が分かりますよね。
背景を透明のまま圧縮すると
白背景に違和感なく表示がされます。
背景を透明に維持しながら圧縮ができるので、「画像圧縮AC」がオススメです。
なぜブログ用画像を圧縮をするのか
大きい容量の画像を使用するとブログを開く時間が長くなるからです。
インターネットで検索して興味あるページを開こうとした時
いっこうに開かないってあるでしょう。
あれそうとうイライラしますよね。
このサイト面倒だから見ない!!
なんてことになってしまうんです。
せっかく一生懸命作成したブログがこんな形で見られないってもったいないじゃないですか。
ダウンロードした画像サイズの確認
画像サイズの確認で200KBを超えていないか確認をします。
フォルダに格納したファイルを確認する
方法1
- ツールバーから表示をクリック
- 詳細をクリック
- サイズを確認
方法2
ファイル名にカーソルをあてる事によりサイズが表示されます。
プロパティから確認
①ファイル名にカーソルを合わせ右クリック
②一覧からプロパティをクリックします。
③表示画面からサイズを確認
いらすとやさんの画像を圧縮する方法
いらすとやさんの画像は背景が透明になっているのはご存知でしょうか。
背景が透明で次のメリットがあります。
- 画像背景を透明処理する必要がない
- そのまま貼り付ける事が可能
そのままブログに張り付ければ背景色を気にせず使えるのですが、ブログの容量は
200KB以内が推奨
でそのままダウンロードした状態だと推奨の200KBを超えるものが結構あるんですよね。
画像圧縮ACを使用
画像圧縮ACはAIが画像を圧縮するツールです。
画像圧縮ACは次の特徴があります。
- 無料で圧縮できる
- 画像をドラッグ&ドロップで操作が簡単
- 画質を落とさず圧縮できる
- 背景の透明を維持できる
- 手順1画像ファイルをドラッグ&ドロップ
画像圧縮ACを開き緑の点線枠へファイルを「ドラッグ&ドロップ」すると圧縮が始まります。
※圧縮レベル
画質重視の方は圧縮レベル:「低い」
データ容量重視の方は圧縮レベル:「高い」
を選択するのがオススメです。
- 手順2圧縮ファイルのサイズ確認
変更前「524.9KB」
変更後「99.1KB」200KB以下になっているので、大丈夫です。
- 手順3圧縮ファイルのダウンロード
「ダウンロード」ボタンをクリックすると圧縮ファイルのダウンロードが始まります。
Microsoft Edgeをご使用の場合
画面右上のフォルダの絵をクリックしダウンロードファイルの確認が行えます。
Google Chromeをご使用の場合
画面左下の「∨」をクリック後、「フォルダを開く」をクリックしダウンロードファイルの確認が行えます。
圧縮前後の比較
テストに使うのは画像はPNG形式のものです。
元の画像 112KB
圧縮後 112KB→17KB(約84%圧縮)
ほとんど変わりないのが分かります。
いらすとやさんの画像圧縮方法まとめ
以上、いらすとやさんの背景透明を維持した画像圧縮方法でした
- ダウンロードしたファイルサイズを調べる
- 200KBを超えている場合「画像圧縮AC」で圧縮
ファイルサイズが気になり、いらすとやさんの画像を使えなかった方へお役に立てればうれしいです。