Js-core: で使用したときに画像がボーダーを歪めた<meta/>鬼ごっこ

作成日 2020年10月21日  ·  1コメント  ·  ソース: imgix/js-core

バグを説明する
imgix-core-jsを使用して生成されたブレンドおよび透かし入りの画像は、ラップされたときに元の画像とは異なって見えます。

タグを付け、プレビューとしてロードします。
ラップされた画像ボーダーを歪めています。

再現するには
動作を再現する手順：

  • プレビュー機能のあるアプリ（whatsapp、imessageなど）で共有すると、プレビューには歪んだボーダーが表示されます。
    予想される行動
    あなたが何が起こると予想したかについての明確で簡潔な説明。
    プレビューは元の画像と同じである必要があります
    スクリーンショット
    該当する場合は、問題の説明に役立つスクリーンショットを追加してください。
    歪んだボーダーでプレビュー
    capture__2020-10-21-13-48-02
    file
    元の画像
    Screen Capture_select-area_20201021180948

その他の例：
Screen Shot 2020-10-02 at 8 57 49 AM
IMG_B17400BFF561-1

情報：

  • imgix-core-jsバージョン：[例2.3.1]
bug
ソース
picture ChelseaRong
👍7

>すべてのコメント

@ChelseaRong結局のところ、アーティファクトはqパラメーターが非常に低い値（ q=1 ）に設定されていることが原因です。 起こっていることの完全な内訳：

  • パラメータq=1&auto=compressが適用され、画像の最低品質バージョンがレンダリングされます

    • 品質が非常に低いため、圧縮されてレンダリングされたバージョンの画像には、アーティファクト（この場合は大きなぼやけた線）が含まれることになります。

  • パラメータauto=formatにより、この問題は一部のブラウザ/クローラーでのみ表示されます

    • ソーシャルスクレーパーにはWebPをサポートする検出されたユーザーエージェントがないため、WebPと比較してはるかに低い品質で圧縮する.jpgバージョンを提供します

    • これが、WebPをサポートするブラウザ（ChromeやFirefoxなど）で問題が発生しない理由でもあります。

これを修正するには、 qパラメーターを少なくとも25設定することをお勧めします。

imgix-core-jsバグではないため、この問題を解決しますが、imgixレンダリングAPIのデバッグをさらに行う必要がある場合は、 support @ imgix.comにお問い合わせ

heyitsbryanm picture heyitsbryanm 2020年10月22日
👀1 👍1
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

robdasilva picture robdasilva  ·  3コメント
hennessyevan picture hennessyevan  ·  6コメント
exortech picture exortech  ·  3コメント
iklementiev picture iklementiev  ·  3コメント
konijn picture konijn  ·  3コメント