• Recent
  • Tags
  • Popular
  • Home
  • Docs
  • Register
  • Login
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.
  • M
    mitu Global Moderator
    last edited by 4 May 2023, 07:38

    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 4 May 2023, 07:47 Reply Quote 0
    • W
      wicketewoks @mitu
      last edited by wicketewoks 5 Apr 2023, 15:19 4 May 2023, 07:47

      @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

      M 1 Reply Last reply 4 May 2023, 15:22 Reply Quote 0
      • M
        mitu Global Moderator @wicketewoks
        last edited by 4 May 2023, 15:22

        @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 5 May 2023, 00:45 Reply Quote 0
        • F
          fdr4prez @mitu
          last edited by 5 May 2023, 00:45

          @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/

          M 1 Reply Last reply 5 May 2023, 02:47 Reply Quote 1
          • M
            mitu Global Moderator @fdr4prez
            last edited by 5 May 2023, 02:47

            @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 5 May 2023, 04:53 Reply Quote 0
            • W
              wicketewoks @mitu
              last edited by wicketewoks 5 May 2023, 08:46 5 May 2023, 04:53

              @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

              M 1 Reply Last reply 5 May 2023, 07:51 Reply Quote 0
              • M
                mitu Global Moderator @wicketewoks
                last edited by 5 May 2023, 07:51

                @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 5 May 2023, 07:53 Reply Quote 0
                • W
                  wicketewoks @mitu
                  last edited by wicketewoks 5 May 2023, 08:53 5 May 2023, 07:53

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

                  1 Reply Last reply Reply Quote 0
                  • W
                    wicketewoks @mitu
                    last edited by 5 May 2023, 14:35

                    @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 5 May 2023, 20:54 Reply Quote 0
                    • F
                      fdr4prez @wicketewoks
                      last edited by 5 May 2023, 20:54

                      @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 5 May 2023, 21:59 5 May 2023, 20:58

                        test1 =
                        test1.png

                        test2 =
                        test2.png

                        W 1 Reply Last reply 6 May 2023, 04:53 Reply Quote 1
                        • W
                          wicketewoks @fdr4prez
                          last edited by 6 May 2023, 04:53

                          @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 6 May 2023, 07:37 Reply Quote 0
                          • F
                            fdr4prez @wicketewoks
                            last edited by 6 May 2023, 07:37

                            @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 6 May 2023, 10:22 Reply Quote 0
                            • F
                              fdr4prez
                              last edited by 6 May 2023, 07:42

                              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 6 May 2023, 10:22

                                @fdr4prez

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

                                1 Reply Last reply Reply Quote 0
                                24 out of 24
                                • First post
                                  24/24
                                  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.

                                  This community forum collects and processes your personal information.
                                  consent.not_received