ガジェレポ!

京都在住の中年サラリーマンブロガー。 Mac、iPhone、ゲームにアプリなどなど興味をもったガジェットの情報をなんでもレポート。

オリジナルのはてなスター『Addボタン』がへちゃむくれに……

SPONSORED LINK

はてなスターのイメージ01

ガジェレポ!@gadgerepoです。こんにちわ。

当ブログでは、記事下の はてなスター『Addボタン』f:id:gadgerepo:20180808114259j:plainにオリジナル画像を使用していたのですが、表示がいつのまにかおかしなことに……

原因は、はてなの仕様変更?

 

以前、コチラの記事で “はてなスターの Addボタンをオリジナル画像に変更する方法” をご紹介したのですが。

www.gadgerepo.com

 

それ以降、当ブログではコチラの Addボタンf:id:gadgerepo:20180808115512j:plainに変更していました。

ところがある日、記事を書き上げてブログにアップし確認していると……

はてなスターのイメージ02

 

気になって調べてみると、上記記事を参考に Addボタンをオリジナルのものに変更してくださっている「さくやちゃん (id:sakuyaoi)」さんや「シィータソルト (id:shixi-tasolt)」さんのブログでも、オリジナル画像の Addボタンが小さくなる・潰れるといった現象が起こっているようです。

筆者の場合、オリジナル画像として 32×32 Pixel サイズのものを使っているのですが、本来のはてなスター Addボタンf:id:gadgerepo:20180808114259j:plainの 32×20 Pixel に強制的にサイズ変更されている感じ。

どうやら、はてなブログ側の仕様変更で、以前は上記記事中に紹介した CSSのカスタマイズで、サイズ・比率ともに自由な画像を Addボタンとして使用できていたものが、サイズ・比率とも「32×20 Pixel」に固定されたために起こっている模様。

大きなオリジナル画像が 32×20 Pixel にサイズダウンしてしまうのはどうしようもないですが、画像が変倍されて潰れてしまうのは画像サイズを 32×20 Pixel 、あるいはそれと同じ比率である 8:5 の画像に差し替えれば解決されます。

そもそも、この Tipsは本来のはてなスター Addボタンf:id:gadgerepo:20180808114259j:plainが小さく、スマホなどの小さい画面ではタップし辛いことから思いついたのですが……

しかたありませんね。

 

まとめ

 

Addボタンをオリジナルなものにしている方々、ご確認を!
というわけで、当ブログの新 Addボタンは20180807173729 です!