画像 & メディア
画像はたいていウェブページで最も重い部分であり、高速化の最大のチャンスです。しかし正しく行うには数点を理解する必要があります: どのフォーマットを使うか、品質が落ちる前にどれだけ圧縮できるか、写真が静かに何を一緒に運んでいるか。
この束は、ウェブ用の画像を正しく — より小さく、より鮮明に、意図しないデータを漏らさずに — 準備する方法を案内します。ここでリンクされるすべてのツールはブラウザで動くので、写真が端末を離れることはありません。
この主題のガイド
ウェブ用に画像を圧縮する方法(画質を落とさずに)
より速いサイトのために画像ファイルを小さくする実用ガイド — 非可逆 vs. 可逆、JPEG・PNG・WebP の選択、画質をどこまで安全に落とせるか。
画像フォーマット解説: PNG・JPG・GIF・WebP・SVG
各よくある画像フォーマットが何に強いかの明快なガイド — ラスター vs. ベクター、そして画像にフォーマットを合わせる素早い判断法。
ウェブ用に画像をリサイズ・切り抜きするには
リサイズと切り抜きの違い、大きすぎる画像がなぜページを遅くするか、そしてウェブ用に画像のサイズを正しく合わせる方法。
EXIF メタデータと写真のプライバシー
EXIF メタデータとは何か、なぜプライバシーの懸念か、そして写真を共有する前に取り除く方法。
他のガイド主題
データフォーマット & エンコーディング
ウェブでデータを運ぶフォーマットとエンコーディングのガイド — JSON・XML・YAML・CSV・Base64・URL エンコード・文字セット。
テキスト & ライティング
テキストを扱うためのガイド — 大文字小文字の規則、文字数と読みやすさ、URL スラッグ、乱れたテキストの整理、文字エンコーディング。
PDF & ドキュメント
PDF ファイルを編集・整理するガイド — 結合・分割・圧縮・変換 — ドキュメントをアップロードせずに。
ウェブ & 開発者
ウェブ開発の構成要素のガイド — JWT・タイムスタンプ・HTTP ステータスコード・正規表現・カラーフォーマット。
セキュリティ & プライバシー
アカウントとデータを守る実用ガイド — 強いパスワード、二要素認証、共有ファイルから個人情報を除く。
デバイス & ハードウェアテスト
ハードウェア点検のガイド — 画面・キーボード・マウス・カメラ・マイク・センサーを、インストール不要のブラウザテストで確認。