GitHub README画像の最適化ガイド
スクリーンショット、アーキテクチャ図、デモGIFをGitHub README向けに圧縮し、ページの読み込みを速くリポジトリを軽く保ちます。
画像はサーバーに送信されません
今すぐ無料で試す
READMEアセットをまとめて最適化してからコミットできます。
画像圧縮ツールを開く使い方ガイド
- 1
READMEアセットを集める
READMEに使うスクリーンショット、ロゴ、アーキテクチャ図、デモGIFなどをドロップ。
- 2
Web向けサイズに圧縮
スクリーンショットは1枚100〜150KBが目安。GitHub上のレンダリングのみが対象ならWebP変換も有効。
- 3
コミットしてリンク
圧縮済みファイルを/docsや/assetsフォルダに追加し、README.mdからで参照してください。
プロのコツ
- GitHubレンダリングには10MB/ファイルの上限があります。積極的に圧縮するかGit LFSを使いましょう。
- OxiPNGを使えばPNGスクリーンショットは品質劣化なしに70〜80%削減できます。
- デモGIFはWebPやMP4埋め込みへの変換で10倍以上軽くなります。
よくある質問
GitHubのREADMEでWebPは表示できますか？
できます。GitHub-flavored markdownはでWebPをレンダリング対応しています。
README画像のサイズはどれくらいまでが適切？
個別画像は200KB以下、README全体のペイロードは1MB以下が目安です。cloneも軽快になります。
Git LFSは使うべき？
大きなデモ動画や超高解像度アセットのみ推奨です。200KB以下に圧縮したスクリーンショットは直接リポジトリに含めて問題ありません。
関連ツール
さっそく始めましょう
登録不要・アップロード不要・完全無料。今すぐ画像を処理できます。
画像圧縮ツールを開く →