About your transparent logo…

As more sites and apps support dark mode, I’ve seen tons of logos and profile avatars saved as transparent PNGs and SVGs begin to break. This is just a soft reminder that you should probably add a border of a contrasting color to your art before you sa…

As more sites and apps support dark mode, I’ve seen tons of logos and profile avatars saved as transparent PNGs and SVGs begin to break. This is just a soft reminder that you should probably add a border of a contrasting color to your art before you save it:
Demo of logos with transparency shown over backgrounds of their same color, compared to the same transparent logos using a contrasting border.
That’s literally all I have to say! I’ve seen this a lot in the wild and it’s apparent it bears to be mentioned. I hope you didn’t need the help, but you’re welcome if it did 😉


Print Share Comment Cite Upload Translate
APA
Uli Troyo | Sciencx (2024-03-29T08:33:18+00:00) » About your transparent logo…. Retrieved from https://www.scien.cx/2021/06/29/about-your-transparent-logo/.
MLA
" » About your transparent logo…." Uli Troyo | Sciencx - Tuesday June 29, 2021, https://www.scien.cx/2021/06/29/about-your-transparent-logo/
HARVARD
Uli Troyo | Sciencx Tuesday June 29, 2021 » About your transparent logo…., viewed 2024-03-29T08:33:18+00:00,<https://www.scien.cx/2021/06/29/about-your-transparent-logo/>
VANCOUVER
Uli Troyo | Sciencx - » About your transparent logo…. [Internet]. [Accessed 2024-03-29T08:33:18+00:00]. Available from: https://www.scien.cx/2021/06/29/about-your-transparent-logo/
CHICAGO
" » About your transparent logo…." Uli Troyo | Sciencx - Accessed 2024-03-29T08:33:18+00:00. https://www.scien.cx/2021/06/29/about-your-transparent-logo/
IEEE
" » About your transparent logo…." Uli Troyo | Sciencx [Online]. Available: https://www.scien.cx/2021/06/29/about-your-transparent-logo/. [Accessed: 2024-03-29T08:33:18+00:00]
rf:citation
» About your transparent logo… | Uli Troyo | Sciencx | https://www.scien.cx/2021/06/29/about-your-transparent-logo/ | 2024-03-29T08:33:18+00:00
https://github.com/addpipe/simple-recorderjs-demo