The Catcher in the music

アラサーの音楽、アウトドア好きのブログです。

【解消されました】一覧形式でアイキャッチのPNG透過背景が黒くなる問題【はてなブログ】

ブログを開設して半年ようやっと10000アクセスに到達しました〜。
相変わらず低空飛行なアクセス数だけど、
10000超えると嬉しいものです。ありがとうございます。
ほそぼそと頑張ります・・・。

と、それは、ひとまず置いておいて・・・。
はてなの一覧形式に切り替えた際には問題なかった気がするんですが、
今日このブログのトップページにアクセスしたら、
一覧形式で表示されてる部分のアイキャッチ画像の透過部分が黒くなってしまっていました。
昨日(7/11)まではこんなことになってなかったはず・・・。
なってたら速攻気付く。
↓嗚呼無残な黒背景。。。

f:id:kekko96:20170712132018p:plain

トップのサイドナビに表示されている最新記事一覧は別に問題なく表示されてるし…。
本文の画像も問題なく透過されていました。
なので、画像自体に問題があるとは考えられないです。
f:id:kekko96:20170712132226p:plain

検索していたら、この方のエントリーが1番惜しかったんですが、
残念ながら投稿は毎回PCでしかやってないんですよね。。。

ara-arata.hatenablog.jp

f:id:kekko96:20170421162300p:plain

全部の画像がおかしくなってるならまだわかるんだけどなぁ…。
どなたか原因、対策方法ご存じの方いらっしゃいましたら、
コメントいただけると幸いです。

【確認環境】macのChromeで閲覧。

【2017/7/13 追記】

このバグ?が発生したタイミングと同日に、
トップページの一覧形式で表示するアイキャッチの画像サイズ仕様を変更した模様です。

↓↓↓これじゃない?これなんじゃない・・・?(ToT)

また、解像度の拡大に合わせてサムネイル画像のファイル形式をJPEG形式に統一しました。これまでは元のファイル形式がそのまま適用されていましたが、解像度の拡大によって画像の容量も大きくなり、ページの表示速度が遅くなることへの対策のためです。

引用:記事一覧ページおよびトップページの一覧形式で、表示されているサムネイルの画像サイズを大きくしました - はてなブログ開発ブログ

透過PNG殺しの仕様変更だな・・・。どうしてくれよう・・・。
詰んだな・・・。

とりいそぎ、現象をはてなのサポートに問い合わせを行いました。
現在返答待ちなので、早急に返答をお待ちしております・・・。
見た目に関わる部分なので、放置しておくのもちょっとね・・・。
続報を待たれよ・・・。ああ、暑い・・・。

staff.hatenablog.com

 【2017.7.14 追記】

はてなのサポートから本日回答頂きました。

透過画像でそのような問題が起こることは認識しておりましたが、
実際にお困りになるユーザー様がいるとのことですので、再度、仕様検討を行っております。
今しばらくお待ちいただけますでしょうか。

なお、すでに投稿されている画像については、さかのぼって修正されないため、
ご自身で透過画像を白背景にしていただき投稿しなおしていただきますようお願い致します。

認識してるのに無理矢理リリースしないでくれよぉぉぉぉーーーーーーー!!!!
いきなりこんな改変されて大変お困りです私。
せめて、背景を白になるように画像の処理をして欲しいのですが・・・。
これが仕様なら透過PNGをアイキャッチには使用しないでください。
と、注意文入れたほうが良いと思いますよ・・・。
あー・・・これは詰んだな。どうしよう。

【2017.8.22 追記】

バグ回避のため最近は透過部分を作らないようにしていて気付かなかったのですが、
現在はこの現象解消されているようです。
バグが出ていたpng画像も背景が白く処理されていることを確認出来ました。
サポートさん解消ありがとうございました。