はてなブログのアイコンの画質悪くね?

自分の記事上だけでいいから、とりあえずアイコンの画質を上げたいと思って、外部のアイコンを読み込むよう、アイコンのURLを置換する処理をヘッダに加えた

Before

f:id:drafear:20170331203852p:plain:w400

After

f:id:drafear:20170331203851p:plain:w400

設定 -> [ブログタイトル] -> 設定 -> 検索エンジン最適化 -> headに要素を追加
に以下を設定(srcには画像URLを設定)

<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function() {
    var icons = document.querySelectorAll(".profile-icon");
    for (var i = 0; i < icons.length; ++i) {
        if (icons[i].alt === "id:drafear") {
            icons[i].src = "http://www.paper-glasses.com/api/twipi/drafear/original";
            icons[i].style.borderRadius = "32px";
            icons[i].style.width = "64px";
            icons[i].style.height = "64px";
        }
    }
});
</script>