Zennのトピックアイコンをいい感じにリサイズする方法

公開:2020/09/27
更新:2020/09/27
2 min読了の目安(約1200字TECH技術記事

はじめに

Zennで記事を書いてアップロードするとき下記のようなトピックを最大5つ付けることができます.

よく使われるようなトピックはアイコンが設定されていますが,マイナーなものには付いていないことがほとんどです.

今回は,比較トピックを例に,アイコンをZenn用にリサイズし,アップロードするまでを紹介します.

Zenn用にアイコンをリサイズ

Zennようにアイコンをリサイズしないと以下のように,はみ出してしまいます.

そこで,画像をいい感じにリサイズしてくれるサイトを利用します.

「アイコンコンバーター」

https://service.tree-web.net/icon_converter/

画像をアップロードすると以下のようにリサイズしてくれます.

今回は,赤枠で囲われた画像を使うのでダウンロードします.

アイコンのアップロード手順

設定したいトピックを記事の右上から選択すると次のように表示されます.

ここで,名前・画像を変更を選択


画像を選択をクリック

そして,先程ダウンロードしたリサイズ済みアイコンを選択して確定をクリック

最後に,この内容で送信を押して運営から承認が得られれば反映されます.

おわりに

Zennのトピックのアイコンを変更する方法を紹介しました.

参考にしていただければ幸いです.

追記

アイコン設定依頼を出して数時間で反映されました🎉🎉

丸い枠に全部入って表示されているのできちんとリサイズされてますね