スクリーンショット画像を最適化する方法
Web、チュートリアル、ドキュメント向けにスクリーンショットを最適化。実践的なガイド。
無料ツールを試す
登録不要、100%ローカル処理。
スクリーンショットはチュートリアル・ドキュメント・サポート・ブログなど至る所で使われています。最適化しないと驚くほど重くなることがあります。
スクリーンショットはテキストや単色を多く含むため、特定の最適化テクニックが効果的です。
テキストの可読性を保ちながらスクリーンショットのファイルサイズを削減する方法を学びましょう。
広告
目次
スクリーンショットが重くなりがちな理由
最新のスクリーンは高解像度（Retina）。
全画面キャプチャは5 MBを超えることもある。
PNGがデフォルトで使われることが多い（大きい画像には重い）。
インターフェースのグラデーションや透過がファイルを重くする。
スクリーンショットに最適なフォーマット
PNG：鮮明なテキストとインターフェースに最適。
JPG：細かいテキストがなければ許容範囲。
WebP：モダンなWebに最適な妥協点。
PNG-8：多くの場合十分で、はるかに軽い。
スマートなリサイズ
Retinaスクリーンは必要以上に2倍大きい画像を生成する。
実際の表示サイズに縮小する。
ほとんどの用途には幅600〜800 pxで十分。
リサイズ後もテキストは読める。
必要な部分だけトリミング
全画面ではなく有用な部分だけをキャプチャする。
ピクセルが少ない＝ファイルが軽い。
重要な情報に集中する。
当社のトリミングツールが役に立ちます。
おすすめのツール
画像を無料でオンライン最適化
Web用に画像を無料でオンライン最適化。品質を維持しながらファイルサイズを削減。ウェブサイトやメールに最適。...
広告
3ステップでの方法
1
必要な部分だけをキャプチャする。
2
Retina解像度の場合はリサイズする。
3
当社ツールでPNGまたはWebP形式で最適化する。
プロのヒント
- 元画像を保存します。
- 複数の品質設定を試します。
- 可能ならWebPを使います。
- 説明的なファイル名を選びます。
避けるべき一般的なエラー
- ✗一部分で十分なのに全画面をキャプチャする。
- ✗標準ディスプレイ向けにRetina解像度のままにする。
- ✗テキストにJPGを使う（アーティファクトが出る）。
- ✗機密情報の削除を忘れる。
よくある質問
広告