Unityアセットストア セール情報まとめはこちら
Unityアセットストア セール

今年最大級のセール ブラックフライデーセール開催!
約300のアセットが最大50%オフ!
24時間ごとに変わるフラッシュディールは最大70%オフ!
効率的に開発して、好きなゲームを作ろう

販売ページはこちら
ブログ運営

【Windows】ペイントなどでパソコンの画像を圧縮・縮小する方法

Windowsパソコンで画像を圧縮・縮小する方法 アイキャッチ
記事内に広告が含まれています。
スポンサーリンク
赤かぶくん
赤かぶくん

画像のファイルサイズ(容量)を減らすにはどうすればよいの?

やり方を教えてほしいな。

まつぼん
まつぼん

そんなお悩みにお答えします!

記事の内容をわかりやすくするため、画像の使用は重要です。

ただ、ファイルサイズが大きいとページスピードの減少、ユーザビリティ低下につながります。

容量を減らすには、ペイントやフォト、TinyPNGなどを使用すると効率よく対応できます。

そこで本記事では、ペイントなどを使ってWindowsパソコンの画像のファイルサイズを圧縮・縮小する方法をご紹介します。

スポンサーリンク

環境

Windows10

WordPress バージョン:6.5.2

スポンサーリンク

画像のファイルサイズとは

画像のファイルサイズとは、KB(キロバイト)やMB(メガバイト)などで表される、容量のことを言います。

ファイルサイズの目安は、100KB以内が理想です。

Googleによると、1ページごとの容量は1600KB以内が良いとのこと。

膨大なネットワーク ペイロードを避ける  |  Lighthouse  |  Chrome for Developers
ユーザーに提供するリソースの合計ファイルサイズを減らして、ウェブページの読み込み時間を改善する方法をご確認ください。

私の場合、1ページにつき画像を10~20枚以上使うことがあるので、ファイルサイズは50KB未満を目安にしています。

今回はペイントなどのツールをいくつか使用して、

ファイルサイズが1.11MBの画像を、37.6KBまで圧縮・縮小することができました。

元の画像と比べても、劣化はほとんど感じられませんでした。

スポンサーリンク

ペイントなどでパソコンの画像を圧縮・縮小するメリット

ペイントなどで画像を圧縮・縮小するメリットは下記のとおりです。

  • ページスピードを速くする
  • SEO向上につながる

詳細を順番にご説明します。

ページスピードを速くする

画像のファイルサイズが大きいと、読み込みに時間がかかりページの表示が遅くなります。

ページスピードが遅いと、ユーザーが離脱する原因となります。

よって、画像のファイルサイズを圧縮・縮小してページスピードを上げることが重要です。

SEO向上につながる

SEOが向上し、検索で上位に表示されるようになります。

その結果、アクセスが増えます。

スポンサーリンク

ペイントなどでパソコンの画像を圧縮・縮小する注意点

ペイントなどを使用して画像を圧縮・縮小するときの注意点は、下記のとおりです。

  • 画像にあった拡張子を選ぶ
  • 画像のファイルサイズと解像度のバランス

詳細を順番にご説明します。

画像にあった拡張子を選ぶ

拡張子の種類や特徴をまとめると以下になります。

拡張子特徴色数圧縮形式ファイルサイズ
JPEG色数の多い、写真に向いている
グラデーションに強い
高圧縮
1670万色非可逆軽め
PNG色数の少ない、イラストやロゴに向いている
背景透過ができる
1670万色可逆やや軽め
GIF色数の少ない、イラストに向いている
アニメーションができる
256色可逆軽め
TIFF色数が多く、大きい写真に向いている
ファイルサイズが重い
1670万色可逆重い

ウェブサイトで使用する画像では、「JPEG」か「PNG」がおすすめです。

色数の多い写真には「JPEG」、

色数の少ないイラストやロゴには[PNG]を使うとよいでしょう。

とはいえ、画像によっては逆にファイルサイズが大きくなることがあります。

変更前と後のファイルサイズを比較して、より小さい方を選びましょう。

画像のファイルサイズと画質のバランス

ファイルサイズを希望の大きさに変更できても、画像が粗すぎると見栄えが良くありません。

ウェブサイトの質低下、ユーザーの離脱率増加になってしまうことも。

画像のファイルサイズと画質のバランスをとることも大事です。

スポンサーリンク

ペイントなどでパソコンの画像を圧縮・縮小する方法

画像のファイルサイズを圧縮・縮小する方法は下記のとおりです。

  • ペイント
  • フォト
  • TinyPNG

詳細を順番にご説明します。

ペイント

Windowsアプリのペイントを使用して、画像を圧縮・縮小する手順です。

フォト

Windowsアプリのフォトの使用手順はこちらです。

  • STEP1
    フォトを開く

    該当の画像を右クリック→「プログラムから開く」→「フォト」を選択。

  • STEP2
    フォト画面から、「…」→「画像のサイズ変更」をクリック
  • STEP3
    「サイズ変更」の設定
    設定項目備考
    対象「パーセント」または「ピクセル」を選択
    「パーセント」選択時:何パーセント圧縮・縮小するか数字を入力
    「ピクセル」選択時:大きさを指定可。数字を入力
    ※10~100の範囲内で入力可
    ファイルの種類「JPEG」、「PING」、「TIF」、「BMP」から選択
    品質※「JPEG」選択時のみ設定可
    品質が高いと、鮮明だがファイルサイズが大きくなる
    品質が低いと、粗くなるがファイルサイズが小さくなる

    設定が終わったら「保存」をクリック。

  • STEP4
    任意の場所に、名前を付けて保存

  • STEP5
    画像のファイルサイズを確認

    今回は、ファイルの種類を「PNG」→「JPG」、

    品質を80%に設定しました。

    結果、以下のとおり圧縮・縮小できました。

    • 画像の大きさ1024×724→そのまま
    • ファイルサイズ318KB→47.7KB

TinyPNG

パンダのキャラが印象的なTinyPNGは、オンラインの画像圧縮・縮小ツールです。

最大20枚、5MBまでの画像を一括で圧縮できます。

Tiny「PNG」とはありますが、JPEGも対応可となっています。

使用手順は以下のとおりです。

スポンサーリンク

【Windows】ペイントなどでパソコンの画像を圧縮・縮小する方法 まとめ

まとめアイキャッチ

本記事では、ペイントなどを使ってWindowsパソコンの画像のファイルサイズを圧縮・縮小する方法についてご紹介しました。

下記のツールを使用すると、効率的に対応できます。

  • ペイント
  • フォト
  • TinyPNG

適切なファイルサイズは、ページスピードの増加やSEOの向上につながります。

手順を参考にして、画像ファイルサイズを圧縮・縮小し、より良いサイト構築を目指しましょう。

本記事が、皆さんの参考になれば幸いです。

タイトルとURLをコピーしました