Chronext は背景の削除を自動化し、画像処理を効率化し、画像の応答時間を 80% 削減しました。
このパートナーシップにより、クロネクストは顧客の視覚体験を向上させ、高級時計の信頼できるプラットフォームとしての評判を高めることができました。
ザ・チャレンジ
Imgixを使用する前、Chronextは画像処理に関する重大な課題に直面していました。高級品電子商取引には欠かせない商品写真の背景を削除して置き換えるのは面倒な作業でした。社内の写真およびデザインチームは、切り抜きや写真の編集にかなりの時間を費やしていたため、リソースに負担がかかり、業務が遅くなりました。
トラフィックの70％がモバイルからのものであったため、Chronextは画質と読み込み速度のバランスにも関心を持っていました。すばやく読み込めるようにファイルサイズを小さく保ちながら、ユーザーがズームインして複雑な詳細を確認できる十分な解像度の画像が必要でした。最後に、チームは複雑で予測不可能な価格のソリューションを避けたいと考えました。
解決策
まとまりのある商品ギャラリーを作成するには、各画像を均等に中央に配置し、トリミングして、白い背景に設定する必要があります。Imgixを最初に利用した顧客の一人として 背景の削除と置換機能、エマニュエルは広範囲にわたるテストを実施し、現在ではほぼすべての製品写真に適用しています。背景の削除に加えて、チームは Imgix レンダリング API で以下のパラメーターも使用しました。
- 自動=フォーマット、圧縮 ベストエフォート圧縮と画像形式変換を適用します。auto=format を使用すると、画像は可能な限り AVIF 形式で提供されます。
- トリム=カラー 各時計の周りの余分なスペースを削除します。
- フィット=フィル 次に、時計の左右に同じ量のスペースを追加し、背景色パラメーターで同じ色を定義すると、次の式で定義される正方形の画像が作成されます。 バー= 1:1。
結果
Chronextは、堅牢な画像変換、積極的な問題解決、公正な価格設定を提供するプラットフォームであるImgixにぴったりだと判断しました。
Imgixを使用することで、Chronextは作業負荷を大幅に簡素化し、視覚体験を向上させることができます。Imgix は面倒な背景削除プロセスを自動化するだけでなく、Chronext の平均画像応答時間をわずか 57 ミリ秒に短縮します。auto=format を使うと、画像ファイルのサイズが平均 80% 減りました。品質に影響を与えずに圧縮できるので、読み込み速度とパフォーマンスがさらに最適化されます。
画像処理をオフロードし、コアワークロードに集中することで、クロネクストチームは買い手と売り手の両方へのコミットメントを果たし、高級時計の信頼できる市場としての評判を高めています。
