スクリーンショット画像を最適化する方法
Web、チュートリアル、ドキュメント向けにスクリーンショットを最適化。実践的なガイド。
Try our free tool
No registration required, 100% local processing.
スクリーンショットはチュートリアル・ドキュメント・サポート・ブログなど至る所で使われています。最適化しないと驚くほど重くなることがあります。
スクリーンショットはテキストや単色を多く含むため、特定の最適化テクニックが効果的です。
テキストの可読性を保ちながらスクリーンショットのファイルサイズを削減する方法を学びましょう。
Table of contents
スクリーンショットが重くなりがちな理由
最新のスクリーンは高解像度（Retina）。
全画面キャプチャは5 MBを超えることもある。
PNGがデフォルトで使われることが多い（大きい画像には重い）。
インターフェースのグラデーションや透過がファイルを重くする。
スクリーンショットに最適なフォーマット
PNG：鮮明なテキストとインターフェースに最適。
JPG：細かいテキストがなければ許容範囲。
WebP：モダンなWebに最適な妥協点。
PNG-8：多くの場合十分で、はるかに軽い。
スマートなリサイズ
Retinaスクリーンは必要以上に2倍大きい画像を生成する。
実際の表示サイズに縮小する。
ほとんどの用途には幅600〜800 pxで十分。
リサイズ後もテキストは読める。
必要な部分だけトリミング
全画面ではなく有用な部分だけをキャプチャする。
ピクセルが少ない＝ファイルが軽い。
重要な情報に集中する。
当社のトリミングツールが役に立ちます。
Recommended tools
Web用に画像を無料でオンライン最適化。品質を維持しながらファイルサイズを削減。ウェブサイトやメールに最適。...
How to do it in 3 steps
必要な部分だけをキャプチャする。
Retina解像度の場合はリサイズする。
当社ツールでPNGまたはWebP形式で最適化する。
Common mistakes to avoid
- ✗一部分で十分なのに全画面をキャプチャする。
- ✗標準ディスプレイ向けにRetina解像度のままにする。
- ✗テキストにJPGを使う（アーティファクトが出る）。
- ✗機密情報の削除を忘れる。
Frequently asked questions
Ready to try?
Our tool is free, no registration required and respects your privacy.
Use Optimiser image