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.3k 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

      @mitu

      Thanks, I'm calmer, now I know that the problem is converting the image to svg, I'll look for a program for Mac

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

        Use Inkscape, it should be able to convert it (look it up in the docs), though I think you'll need to change the font's color to show up on the splash background

        bcb8830c-4dc9-4868-a638-0f60f84b061d-image.png

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

          @mitu
          thank you very much, i will

          edit : I have tried to make another one to Inkscape, it no longer gives me an error but I only see the bar loading the different emulators....

          edit2:
          I was testing on my raspberry pi 3b+ and now on my raspberry pi 4 and it's not that the image looks dark or that it's barely visible, it's simply that there is no image, the correct address is this: /opt/retropie/configs/all/ emulationstation/resources/ where you had to create resources if they didn't exist?

          the image provided in the other thread if I put it does not look like this
          [link text]https://raw.githubusercontent.com/RetroPie/EmulationStation/master/resources/splash.svg(link url)

          not with white background but dark

          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?:

            ...it's simply that there is no image, the correct address is this: /opt/retropie/configs/all/ emulationstation/resources/ where you had to create resources if they didn't exist?

            The location you mentioned above is the one from the user's folder, where you can copy your files to override the built-in resources. The default resource files are in program installation folder (/opt/retropie/supplementary/emulationstation/dev/resources/).

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

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

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

              ...it's simply that there is no image, the correct address is this: /opt/retropie/configs/all/ emulationstation/resources/ where you had to create resources if they didn't exist?

              The location you mentioned above is the one from the user's folder, where you can copy your files to override the built-in resources. The default resource files are in program installation folder (/opt/retropie/supplementary/emulationstation/dev/resources/).

              I don't have a "dev" subfolder on my pi.

              Mine goes like this:
              /opt/retropie/supplementary/emulationstation/resources/

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

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

                I don't have a "dev" subfolder on my pi.

                Right, the path is indeed /opt/retropie/supplementary/emulationstation/resources/. I have the es-dev module installed and the path I copied is a bit different, I forgot to erase properly the dev suffix.

                W 1 Reply Last reply Reply Quote 0
                • 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.