🤖Have you ever tried Chat.M5Stack.com before asking??😎
    M5Stack Community
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Register
    • Login

    Load images on M5Paper in UIFlow

    UIFlow
    7
    12
    13.5k
    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.
    • felmueF
      felmue
      last edited by felmue

      Hello @fr3nd

      have you tried to display the default.jpg? Does that work?

      Using UIFlow 1.8.7 (https://flow.m5stack.com) these are the steps which worked for me:

      • drag image icon onto screen (e.g. image0)
      • block set image0 image default.jpg
      • block set screen show

      Thanks
      Felix

      GPIO translation table M5Stack / M5Core2
      Information about various M5Stack products.
      Code examples

      fr3ndF 1 Reply Last reply Reply Quote 0
      • fr3ndF
        fr3nd @felmue
        last edited by

        Hi @felmue

        This works with the default image default.png, but once I upload a different one it shows the exclamation mark symbol.

        I've tried with different formats and options when saving, but I haven't found a combination that works. Is there any documentation on the requirements of the images? Has anyone had any success using custom images in m5paper in uiflow?

        Thanks

        1 Reply Last reply Reply Quote 0
        • felmueF
          felmue
          last edited by

          Hello @fr3nd

          sorry, I don't know of any documentation on the requirements of the images.

          Thanks
          Felix

          GPIO translation table M5Stack / M5Core2
          Information about various M5Stack products.
          Code examples

          1 Reply Last reply Reply Quote 0
          • fr3ndF
            fr3nd
            last edited by

            For the record, I was finally able to generate images that load properly with the following ImageMagick command:
            convert image.png -colorspace RGB -depth 8 -colors 16 PNG8:exported/image.png

            ajb2k3A 1 Reply Last reply Reply Quote 1
            • ajb2k3A
              ajb2k3 @fr3nd
              last edited by

              @fr3nd I was just about to say that it is an issue with the way the image is saved.
              I started making a document here :https://github.com/Ajb2k3/UIFlowHandbook/blob/master/En-Coreink-V2.pdf

              UIFlow, so easy an adult can learn it!
              If I don't know it, be patient!
              I've ether not learned it or am too drunk to remember it!
              Author of the WIP UIFlow Handbook!
              M5Black, Go, Stick, Core2, and so much more it cant be fit in here!

              1 Reply Last reply Reply Quote 1
              • D
                doragasu
                last edited by

                This is a bit late, but today I was trying to display images in M5Stack Fire module, and had the same problem. After a bit of trial and error, I discovered that if the PNG file names are long, this error will trigger. And it is not easy to guess that the long file name caused it!

                1 Reply Last reply Reply Quote 0
                • ajb2k3A
                  ajb2k3
                  last edited by

                  This is a limit of the filesystem formatting.

                  UIFlow, so easy an adult can learn it!
                  If I don't know it, be patient!
                  I've ether not learned it or am too drunk to remember it!
                  Author of the WIP UIFlow Handbook!
                  M5Black, Go, Stick, Core2, and so much more it cant be fit in here!

                  1 Reply Last reply Reply Quote 0
                  • 7
                    7ames
                    last edited by

                    I know this is an older thread but it really saved me! I downloaded GIMP (latest version is currently 2.10.34) and by exporting a PNG, Turning all checks off and compression level to 9 (max) and then pixelformat to 8bpc RGB. With a small filename the image will appear in the UI Flow workspace and on the M5 stick C Plus.

                    I couldnt get Photoshop, Aseprite and even Paint to get anything in UI flow. But GIMP worked just fine.
                    Hope this helps someone else down the road.

                    ajb2k3A 1 Reply Last reply Reply Quote 1
                    • ajb2k3A
                      ajb2k3 @7ames
                      last edited by

                      @7ames I have used GIMP since 1999 and used it in my guide document. Glad you worked it out.

                      UIFlow, so easy an adult can learn it!
                      If I don't know it, be patient!
                      I've ether not learned it or am too drunk to remember it!
                      Author of the WIP UIFlow Handbook!
                      M5Black, Go, Stick, Core2, and so much more it cant be fit in here!

                      1 Reply Last reply Reply Quote 1
                      • X
                        Xiong_M5Stack @fr3nd
                        last edited by

                        @fr3nd the picture must be less than 50kb

                        1 Reply Last reply Reply Quote 1
                        • M
                          mtylerjr
                          last edited by

                          I just got my M5Paper today, so this is very timely info for me, thanks!

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