noteの見出し画像に線が

「見出し画像」の端に灰色の線が入ってしまう問題。
なぜか「JPEG形式」の画像だけに現れるため、「PNG形式」でアップロードすれば解決なのですが、グラデーションは「JPEG」でアップした方が滑らかです。

アップロード中に画像の端を切り捨てれば線が入らないので、「JPEG」の場合は切り捨てを見越してあらかじめ余白を足しておくと良いかもしれませんね。

こちらは線の拡大画像です。内側にも薄い線があるのが見えますか？

見えにくいので暗くしたのがこちら。薄い四角も隠れていたようです。

ここから推理モード。🔎
角かどのピクセルが他より暗いことから、サイズを変換して行く過程で端に小数点以下のピクセルが生まれ、暗くなってしまったのではないでしょうか。👀
薄い線と薄い四角は、JPEG圧縮による「モスキートノイズ」と「ブロックノイズ」だと思います。直線の側そばにはこのように真っ直ぐなモスキートノイズが現れることがありますし、ブロックノイズはJPEGの仕様上8×8px単位で現れますが、この四角の境界は角から数えて16×16pxの位置にありました。