hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

ImageMagickでSlackのカスタム絵文字のダークモード対応する

こういうSlackのカスタム絵文字があるとして、背景が透過されているのでダークモードを使っていると黒背景に黒文字になってしまい見えない。

f:id:hitode909:20200305172253p:plainf:id:hitode909:20200305172253p:plainf:id:hitode909:20200305172253p:plain

透過部分に白いシャドウを入れられるとよくて、ImageMagickを使うと1コマンドでシャドウを入れることができる。

convert original.png \
   \( +clone -background white -shadow 100x8+0+0 \) \
   -background none -compose DstOver -flatten -compose Over \
  out.png

ドキュメント的にはこのあたり。暇なときにImageMagickのUsageをひたすら見ておくと、これImageMagickのUsageで見たやつだと進研ゼミ的に思い出せて便利。


白いシャドウが入っていても白背景の人は気づかないし、Solarized的な優しい色にしている人にも白い影は認知されず、黒背景の人だけ気づけるようになって便利。

f:id:hitode909:20200305172552p:plainf:id:hitode909:20200305172552p:plainf:id:hitode909:20200305172552p:plain


と言いつつ僕はダークモードを使っていないので、こういうおもてなしをしてあげることはなくて、ダークモードを使ってる人から絵文字が見えないとクレームが来たら、こういうImageMagickのコマンドで変換できるのでよろしく!!という案内をすることになると思う。