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

      @mitu
      I try to upload the image and the page does not allow me:
      ![splash.svg](Invalid file type. Allowed types are: .png, .jpg, .bmp, .jpeg)

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

        @wicketewoks Yes, that's why I said somewhere, the forum doesn't allow .svg files as inline attachments.
        You can also open it in a text editor and post the contents on pastebin.com (if the resulting text is not too large).

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

          @mitu
          If it's big I'll try to upload it to uptobox paste the link

          [link text]https://uptobox.com/5l4tl2fu6czd(link url)

          I also don't know why the images with color when passing the jpg o png to svg lose it, the svg should be like the following image:

          clipart2392674.png

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

            @wicketewoks

            Your SVG file is all white and it works on my Pi3B

            1af51598-4e34-4691-b963-ab1c7f5f3213-image.png

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

              @fdr4prez

              Yes, and I don't know why it transforms it like this, and I don't know why it doesn't load for me, it gives me a parse error

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

                The splash works, but it may not be showing since it's all black. If I color it, it shows fine:

                f816039c-753e-499e-abd9-ebfc9f39c83f-image.png

                You need a better converter for the image.

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