diff options
author | Zhiming Wang <zmwangx@gmail.com> | 2015-07-25 11:20:35 -0700 |
---|---|---|
committer | Zhiming Wang <zmwangx@gmail.com> | 2015-07-25 11:20:35 -0700 |
commit | 29b5637b4a6449c51c52f50145e7215f25c9cddf (patch) | |
tree | ae58918ddba19631117a2e226a0e0f5439023384 | |
parent | bbaf8800eb700d630dd6f2ba2b0ea8e13be7bb18 (diff) | |
download | my_new_personal_website-29b5637b4a6449c51c52f50145e7215f25c9cddf.tar.xz my_new_personal_website-29b5637b4a6449c51c52f50145e7215f25c9cddf.zip |
create 200x200 icon, and use it on every page
400x400 is a waste, given that the size of the logo set by CSS is either
100x100 (wide) or 200x200 (narrow).
-rw-r--r-- | source/img/README.rst | 2 | ||||
-rw-r--r-- | source/img/icon-200.png | bin | 0 -> 13909 bytes | |||
-rw-r--r-- | templates/template.html | 2 |
3 files changed, 2 insertions, 2 deletions
diff --git a/source/img/README.rst b/source/img/README.rst index be880031..9e07d93a 100644 --- a/source/img/README.rst +++ b/source/img/README.rst @@ -3,7 +3,7 @@ The icon and favicon files are generated via the following commands: :: cd source/img xelatex icon.tex xelatex icon-square.tex - for size in 100 400 2048; do convert icon.pdf -density 400 -resize $sizex$size icon-$size.png; done + for size in 100 200 400 2048; do convert icon.pdf -density 400 -resize $sizex$size icon-$size.png; done for size in 16 32 48 144; do convert icon.pdf -density 400 -resize $sizex$size favicon-$size.png; done convert icon-square.pdf -density 400 -resize 152x152 apple-touch-icon-152.png optipng favicon-*.png icon-*.png apple-touch-icon-152.png diff --git a/source/img/icon-200.png b/source/img/icon-200.png Binary files differnew file mode 100644 index 00000000..c91d3093 --- /dev/null +++ b/source/img/icon-200.png diff --git a/templates/template.html b/templates/template.html index f007bf69..beafdc55 100644 --- a/templates/template.html +++ b/templates/template.html @@ -48,7 +48,7 @@ ga('send', 'pageview'); </head> <body> <nav> -<div class="logo"><a href="/"><img src="/img/icon-400.png" alt="blog icon"></a></div> +<div class="logo"><a href="/"><img src="/img/icon-200.png" srcset="/img/icon-400.png 2x" alt="blog icon"></a></div> <div class="title"><a href="/">dl? cmplnts?</a></div> <div class="author">by <a href="https://github.com/zmwangx" target="_blank">Zhiming Wang</a></div> </nav> |