-
-
Notifications
You must be signed in to change notification settings - Fork 128
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
enhancement: add transparent background to sponsor images #455
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm :)
really looks nicer this way
templates/public/donate.html
Outdated
@@ -50,7 +50,7 @@ <h3>Commercial sponsors and contributions</h3> | |||
of git commits and software packages, GnuPG keys, and SSH accounts.</p> | |||
|
|||
<a href="https://nitrokey.com/" title="Nitrokey"> | |||
<img src="{% static "nitrokey_logo.png" %}" | |||
<img width="240" src="{% static "nitrokey_logo.png" %}" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why not resize the original image back to 420px?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Because of the white boarder that it carries 😅
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I mean back to 240px.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This logo is only shown here, it was 240px width, so we can just retain that:
magick convert -resize 240 nitrokey_logo.png nitrokey_logo_res.png
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please also oxipng all the images so they are about 10-20% smaller.
templates/public/donate.html
Outdated
@@ -50,7 +50,7 @@ <h3>Commercial sponsors and contributions</h3> | |||
of git commits and software packages, GnuPG keys, and SSH accounts.</p> | |||
|
|||
<a href="https://nitrokey.com/" title="Nitrokey"> | |||
<img src="{% static "nitrokey_logo.png" %}" | |||
<img width="240" src="{% static "nitrokey_logo.png" %}" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This logo is only shown here, it was 240px width, so we can just retain that:
magick convert -resize 240 nitrokey_logo.png nitrokey_logo_res.png
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
oxipng'd the icons, resized the nitrokey logo. All good now.
Thanks! |
Currently the images sometimes were not using transparent background or were a little pixelated, which this PR tries to fix.
Old:
New: