remotely-save/assets/branding
2022-01-03 23:39:09 +08:00
..
50x50.png special folder for logo 2022-01-03 23:39:09 +08:00
64x64.png special folder for logo 2022-01-03 23:39:09 +08:00
256x256.png special folder for logo 2022-01-03 23:39:09 +08:00
300x300.png special folder for logo 2022-01-03 23:39:09 +08:00
300x300.svg special folder for logo 2022-01-03 23:39:09 +08:00
LICENSE.txt special folder for logo 2022-01-03 23:39:09 +08:00
logo-transparent.svg special folder for logo 2022-01-03 23:39:09 +08:00
logo.excalidraw special folder for logo 2022-01-03 23:39:09 +08:00
logo.png special folder for logo 2022-01-03 23:39:09 +08:00
logo.svg special folder for logo 2022-01-03 23:39:09 +08:00
README.md special folder for logo 2022-01-03 23:39:09 +08:00

the logo

Some different sizes' logos are needed.

license

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

the process of creation

No professional designers are here. Thus the following steps involve many programer styles. :-)

  1. use excalidraw and export png and svg.

    # results
    logo.excalidraw
    logo.png
    logo.svg
    
  2. manually edit the logo.svg and make background transparent.

    # results
    logo-transparent.svg
    
  3. use python library svgutils to make a strictly square figure. The doc is very useful.

    from svgutils.compose import *
    def get_standard_300x300(file_name):
        fig = Figure(300, 300, 
            Panel(
                SVG(file_name),
            ).move(-3, 12),
        )
        return fig
    
    get_standard_300x300('logo-transparent.svg').save('300x300.svg')
    
    # def get_other_size_from_standard(file_name, px):
    #     fig = Figure(px, px, 
    #         Panel(
    #             SVG(file_name).scale(px/300.0),
    #         ).move(-3*px/300.0, 12*px/300.0),
    #     )
    #     return fig
    
    # get_other_size_from_standard('logo.svg',256).save('256x256.svg')
    
    # results
    300x300.svg
    
  4. use inkscape command line to get different sizes' .png files.

    inkscape 300x300.svg -o 300x300.png
    
    inkscape 300x300.svg -o 50x50.png -w 50 -h 50
    
    inkscape 300x300.svg -o 64x64.png -w 64 -h 64
    inkscape 300x300.svg -o 256x256.png -w 256 -h 256
    
    # results
    50x50.png
    64x64.png
    256x256.png