RetroPie forum home
    • Recent
    • Tags
    • Popular
    • Home
    • Docs
    • Register
    • Login
    Please do not post a support request without first reading and following the advice in https://retropie.org.uk/forum/topic/3/read-this-first

    Emulationstation splash.svg how is it created?

    Scheduled Pinned Locked Moved Help and Support
    splash screensvg
    24 Posts 3 Posters 3.4k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      wicketewoks @mitu
      last edited by wicketewoks

      @mitu
      Here I put an image of how it looks on both raspberrypi

      hoy.jpg

      edit:
      @mitu @fdr4prez
      I have tried the file that I send you through uptobox that at least it looks dark, or in black and white, but you can see it, but not even that for me

      with which I do not get anything clear, if you use Inkscape, when saving as svg what characteristics do you mark to save

      mituM 1 Reply Last reply Reply Quote 0
      • mituM
        mitu Global Moderator @wicketewoks
        last edited by

        @wicketewoks said in Emulationstation splash.svg how is it created?:

        with which I do not get anything clear, if you use Inkscape, when saving as svg what characteristics do you mark to save

        I've used the instructions from this page to import the PNG file (with colors) and create a SVG from it.

        W 2 Replies Last reply Reply Quote 0
        • W
          wicketewoks @mitu
          last edited by wicketewoks

          @mitu
          Thanks I'll read it because you're lost

          1 Reply Last reply Reply Quote 0
          • W
            wicketewoks @mitu
            last edited by

            @mitu

            Thank you, I have solved it, I have reinstalled emulationstation and it has been solved, I had to do it to both raspberrypi, by the way, it is a pity that I lose a lot of colors ....

            F 1 Reply Last reply Reply Quote 0
            • F
              fdr4prez @wicketewoks
              last edited by

              @wicketewoks said in Emulationstation splash.svg how is it created?:

              @mitu

              Thank you, I have solved it, I have reinstalled emulationstation and it has been solved, I had to do it to both raspberrypi, by the way, it is a pity that I lose a lot of colors ....

              try these out.

              https://www.filemail.com/d/ydcakpximfvywrd

              1 Reply Last reply Reply Quote 0
              • F
                fdr4prez
                last edited by fdr4prez

                test1 =
                test1.png

                test2 =
                test2.png

                W 1 Reply Last reply Reply Quote 1
                • W
                  wicketewoks @fdr4prez
                  last edited by

                  @fdr4prez

                  Thank you, one goes to each raspberrypi but I would like to know what parameters should be touched or some guide that explains more things to get to this, because the guide that I read limited me to what they said and blurs the colors...

                  F 1 Reply Last reply Reply Quote 0
                  • F
                    fdr4prez @wicketewoks
                    last edited by

                    @wicketewoks

                    Most online convertors drop all the colors, like you found.

                    Inkscape and a few other sites simply embed the PNG into the SVG file as base64 data, so the ES software can't read it. I think this is the error that you were getting.

                    The SVG needs to be vector data and not embedded PNG data.

                    The link that @mitu used with the instructions to use Inkscape to import the PNG file (with colors) and create a SVG from it seemed to work OK for simple PNG images, but i couldn't get good results following those instructions for your PNG image.

                    I stumbled upon this site and it converted it to vector data, and that is the test1 results, and I think that test1.svg is untouched by me.

                    then I cleaned it up a little (mainly changing the word coloring) to get to test2 results. I forget if I used GIMP or Inkscape for that.

                    Neither are perfect, but I think they are decent for the little time I spent on them.

                    https://express.adobe.com/tools/convert-to-svg

                    W 1 Reply Last reply Reply Quote 0
                    • F
                      fdr4prez
                      last edited by

                      One note that others should be made aware of...

                      If your ES splash.SVG is a large file (like the test1 and test2 samples), then the ES loading progress takes a much longer time than normal.

                      If you are OK with that, then larger SVG files would be OK.

                      If you want a speedy ES launching process, then use smaller SVG for the ES splash.

                      1 Reply Last reply Reply Quote 0
                      • W
                        wicketewoks @fdr4prez
                        last edited by

                        @fdr4prez

                        Great thanks for the help, I'll get to it

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

                        Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.