OptimizeYourImage ブログアップロード上限に収まるよう画像ファイルのサイズを小さくする方法

アップロード上限に収まるよう画像ファイルのサイズを小さくする方法

OptimizeYourImage Team

著者

公開日

読了目安

6 分

アップロードする画像のファイルサイズを小さくするには、まずフォームで使用できる形式とピクセル単位の寸法を確認します。次にコピーを圧縮し、ダウンロードしてファイルサイズを確認してください。まだ大きい場合は、フォームの条件を守りながら画質や寸法を下げ、もう一度試します。

200 KBや2 MBの上限に収まっていても、内容を読み取れることと、対応する形式であることが必要です。送信前にそれぞれ確認しましょう。

アップロードフォームの条件を確認する

画像を変更する前に、次の条件を書き留めてください。

  • ファイルサイズの上限と、その上限が各ファイルに適用されるのか、送信するファイル全体に適用されるのか。
  • JPEGやPNGなど、使用できるファイル形式。
  • 必要な幅と高さのピクセル数。最小寸法があれば、それも確認します。
  • トリミング、編集、圧縮に関する制限。

証明写真や公的書類は、提出先の指示に従ってください。編集が禁止されている場合は、一般的な圧縮手順を使う前に、どのような変更が認められているかを確認しましょう。

元のファイルは安全な場所に保管してください。書き出すファイルには別の名前を付け、どのバージョンをアップロードするのか区別できるようにします。

使用できる出力形式を選ぶ

写真なら、フォームが対応していればJPEGを試してください。JPEGは非可逆圧縮を使うため、出力に目立つ劣化がないか確認します。PNGは透過に対応し、正確な再現が重要な場合に適しています。JPEGは透過に対応していません。[2]

フォームがWebPやAVIFに対応すると明記していれば、それらも選べます。ブラウザーで開ける形式だからといって、アップロードフォームでも使えるとは限りません。まず対応形式の一覧を確認してください。

詳しくは、JPEG・PNG・WebP・AVIFのガイドをご覧ください。

OptimizeYourImageでファイルサイズを小さくする

画像最適化ツールを開きます。クイック最適化と詳細設定のモードがあります。クイック最適化は品質80のWebPを出力します。特定の出力形式が必要な場合は詳細設定を選んでください。[1]

  1. 詳細設定を選び、画像を選ぶから画像を追加します。
  2. 出力形式で、提出先のフォームが対応するファイル形式を選びます。
  3. 圧縮品質を調整します。特定の数値なら上限に収まると決めつけず、出力を確認できる設定から始めてください。
  4. 元の寸法を保つ必要がある場合は、最初は最大幅 (px)と最大高さ (px)を空欄にします。
  5. 最適化をクリックし、処理後の画像の横にあるダウンロードボタンを使います。[8]

写真をアップロードするときは、ZIPアーカイブではなく画像ファイルそのものをダウンロードしてください。

確認したOYIの操作項目では画質と寸法を調整できますが、目標のファイルサイズをKBやMBで指定する入力欄はありません。ダウンロードしたファイルごとに上限と照らし合わせてください。[8]

画質の設定値は、ファイルサイズの削減率ではありません。80に設定しても、ファイルが80%小さくなるという意味ではなく、特定のKB数になる保証もありません。ブラウザーのエンコード品質はエンコーダーに渡す設定であり、出力サイズの指定ではありません。[9]

まだファイルが大きすぎる場合

画質を下げて結果を確認する

設定に戻り、圧縮品質を下げて、もう一度最適化をクリックします。新しい出力をダウンロードしてから、サイズを確認してください。サイズと画質のバランスを判断できるよう、一度に変更する設定は一つにします。

ダウンロードした画像を確認しやすい大きさで開きます。写真は顔や細かい部分を確認してください。撮影した書類は一番小さい文字を読み、必要な箇所がすべて見えているかを確かめます。上限に収まっていても、使いものにならない出力は採用しないでください。

すでに画像が劣化している場合は、劣化した出力を何度も圧縮せず、元のファイルに戻って寸法や形式を見直しましょう。

フォームで許可されていれば寸法を小さくする

フォームが小さい画像を認めている場合は、最大幅または最大高さをピクセルで入力し、再度最適化します。OYIは元の画像を拡大せず、縦横比を保ちながら指定された上限内に縮小します。[10]

提出先のフォームに記載された寸法を基準にしてください。最小寸法を下回らないようにし、幅と高さの上限を両方入力すれば、必要な形に正確にトリミングされるとは考えないでください。指定のトリミングが必要な場合は、規則で許可されているときに限り、別途準備します。

寸法を変えたら、文字や被写体をもう一度確認してください。ファイルサイズと寸法の両方の条件を満たす中で、最も大きいバージョンを残します。

アップロード前にダウンロードしたファイルを確認する

端末のファイル情報やプロパティを使い、保存した出力を確認します。隣にある元のファイルではなく、今ダウンロードしたファイルを確認してください。

送信前に次を確認します。

  • 使用できるファイル形式であること。
  • ファイルサイズ。上限ちょうどを狙わず、少し余裕を持って下回るようにします。
  • ピクセル単位の寸法がフォームの条件を満たすこと。
  • 画像全体。小さい文字や端の部分まで開いて確認します。
  • フォームで選択しているのが、その書き出したファイルであること。プレビューがあれば、それも確認します。

たとえば上限が200 KBなら、目標は対応形式で内容を読み取れる200 KB未満の画像です。ちょうど200 KBにする必要はありません。これは手順を説明する例であり、OYIの出力サイズを保証するものではありません。

小さくしたファイルも拒否された場合は、さらに画質を下げる前にエラーメッセージを読みましょう。形式と寸法を確認し直し、最新の出力を選択していることも確かめます。ファイルサイズを変えても、別の条件に関する問題は解決しません。

よくある質問

寸法を変えずに画像を2 MB未満にできますか?

元の寸法を保ち、対応する形式と低めの画質設定を試してください。出力を開き、ファイルサイズを確認します。上限に収まるかどうかは画像と許容できる仕上がりによって異なり、特定の設定で保証されるものではありません。[9]

ファイルが小さいので、常にWebPを使うべきですか?

提出先が対応している場合に限って使ってください。フォームがJPEGを指定しているなら、WebPの出力のほうが小さくてもJPEGを選びます。

上限に収まる前に画像が読めなくなったらどうしますか?

それ以上画質を下げないでください。元のファイルに戻り、寸法変更が許可されているか確認して、提出先の指示を読み直します。認められた変更では使用可能なファイルを作れない場合は、提出先に許可された別の方法を問い合わせてください。

出典

自分の画像で試してみましょう

ブラウザーのツールで学んだことを実践できます。