クレジット使用量の最適化

Imgix クレジットは、アセットの管理、エンドユーザーへの配信、および変換というサービスの異なる側面における使用量を測定します。クレジットの消費方法を理解し、最適化戦略を実践することで、コストを削減しながらユーザーのパフォーマンスを向上させることができます。

Imgix クレジットの種類を理解する

Imgix クレジットは、画像配信パイプラインの異なる側面に対応する 3 つの主要カテゴリに分類されます。

クレジット使用量の最適化方法

クレジットの使用を最適化するには、3 つすべてのクレジットカテゴリに対して戦略を講じる必要があります。コスト削減という明確な利点に加えて、より軽量で読み込みの早い画像を配信することで、ユーザー体験の向上にもつながります。

以下に各クレジットカテゴリごとの最適化戦略を紹介します。

管理クレジットの最適化

管理クレジットは、主に キャッシュ TTL 設定 によって左右されます。目標は、ストレージコストとキャッシュ効率のバランスを取ることです。

適切なキャッシュ TTL を設定する

キャッシュ TTL はコンテンツのライフサイクルに合致するように設定しましょう。長い TTL は変換クレジットを削減しますが、ストレージコストが増加します。短い TTL はその逆です。

TTL を設定する際は、以下のようにコンテンツの寿命を考慮してください：

• ブログ記事・ニュース記事：1 カ月間のみ有効なコンテンツには 60 日 TTL を使用
• 商品画像：季節商品には販売期間に合わせた TTL を設定
• 常設コンテンツ（エバーグリーン）：長期間有効なコンテンツには 90 日以上の TTL を推奨

TTL は、Source 設定 または Origin サーバーの Cache-Control ヘッダーで調整可能です。

配信クレジットの最適化

配信クレジットは、ほとんどの Imgix ユーザーにとって最大のコスト要因です。最適化の鍵は、視覚品質を損なうことなく、ユーザーに配信する画像サイズを削減することです。

自動パラメータを有効化する

最も簡単な最適化は、すべての画像に auto=compress,format を追加することです。これにより：

• 各ブラウザに最適な画像フォーマットを自動で選択（WebP、AVIF、JPEG など）
• 適切な圧縮設定を適用
• 手動操作なしでファイルサイズを削減

これらの設定は、デフォルトパラメータ として Imgix Source にグローバルに適用できます。

さらに、w=1200&fit=min をデフォルトパラメータに追加することで、パラメータが指定されていない画像でも最大幅 1200 ピクセルに制限できます。fit=min を使用することでアップスケーリングを防ぎ、常に縮小のみが適用されます。必要に応じてフロントエンドで個別のパラメータを指定してデフォルトを上書きすることも可能です。

デフォルト設定の追加は 5 分未満で完了し、帯域幅使用量を 20〜40% 以上削減できます。

srcset を使ってレスポンシブ画像を実装する

srcset 属性を使用すると、ブラウザは画面サイズやピクセル密度に応じて適切な画像サイズをリクエストでき、モバイルユーザーが不必要に大きな画像を読み込むことを防ぎます。

+++html

+++

レスポンシブ画像の実装方法については、srcset チュートリアル をご覧ください。

デフォルトの画質設定を信頼する

Imgix はファイルサイズと視覚品質のバランスに優れたデフォルト画質パラメータを使用しています。auto=format と srcset を併用している場合は、q パラメータを手動で調整する必要はほとんどありません。

動画配信の最適化

動画コンテンツを配信する場合は、Imgix の動画最適化機能 を使用して帯域幅コストを削減しましょう。動画ファイルは画像よりも大きいため、最適化による効果がさらに大きくなります。