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

    The image is not displayed

    UiFlow 2.0
    10
    20
    5.1k
    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.
    • I
      iosapps420
      last edited by

      Hello
      I'm having an issue showing images on M5Dail, i tried everything i can think of, i made sure its Baseline JPG, i can see the its saved here ( ' image1 = Widgets.Image("res/img/imgonlin1.jpg", 33, 42)')
      is there anything i'm missing? what Size it should be? i tried 32x32, 64x64, and 240x240 none worked

      the default.png (the place holder image before adding your own, shows just fine, but not uploaded ones)

      thanks

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

        What pixel size and saved size in the image.
        240X240px images work but they have to be saved in a specific way.
        My little sheep Icon is an example of the image compression. it was designed for a proof of concept forum project and now M5Stack has implemented it into UIFlow2 firmware so that it show each users own logo.

        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
        • I
          iosapps420
          last edited by

          the image is 240x240 but i did try different sizes
          the size is 8kb
          is there a software or a converter i can use to edit my icons?
          i tried to save your sheep icon and its also not displaying.
          I use InkScape for editing, maybe there's an option i can use when exporting

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

            @iosapps420 I use GIMP for image editing.

            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
            • I
              iosapps420
              last edited by

              @ajb2k3 said in The image is not displayed:

              GIMP

              thank you, i'm going to download it, what settings do you use when you export the image/icon?

              thanks

              1 Reply Last reply Reply Quote 0
              • T
                timothychenpc
                last edited by

                it seems like that the official converter(from jpg to .c code) does support JPEG, but not JPG

                1 Reply Last reply Reply Quote 0
                • M
                  mukul_100_
                  last edited by

                  Hi, even i am facing the same issue with uiflow 2, the image is in jpg and 100x100px
                  please help.
                  Thanks

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

                    @mukul_100_ Try saving the file as jpeg not jpg

                    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!

                    M 1 Reply Last reply Reply Quote 0
                    • M
                      mukul_100_ @ajb2k3
                      last edited by

                      @ajb2k3 hi thank you for the response
                      i did try the suggested jpeg format with a 19kb file and it still shows no image but the default image label shows when no file is given to it
                      can it be the image itself or uiflow 2?

                      M 1 Reply Last reply Reply Quote 0
                      • M
                        mukul_100_ @mukul_100_
                        last edited by

                        @mukul_100_ Has anyone got this working on a M5Dial? if they have i can check what actually is going wrong

                        O 1 Reply Last reply Reply Quote 0
                        • O
                          Otis68 @mukul_100_
                          last edited by Otis68

                          @I'm from Russia. and I apologize for my English. I am writing on this forum through a translator. I can't display a picture either. I work at UiFlow2 . I tried changing PNG formats to JPEG. There is no image. The image itself is 16*16pxl. I do my work with ATOM 3S.
                          mukul_100_

                          1 Reply Last reply Reply Quote 0
                          • N
                            navatek
                            last edited by

                            to view the images you have to upload them to the res/img folder in the upload window press the file button and select the res/img folder then the send file to here buttonCattura1.PNG Cattura2.PNG

                            B 1 Reply Last reply Reply Quote 0
                            • IAMLIUBOI
                              IAMLIUBO
                              last edited by

                              Hi all,

                              Thanks for report this, I think the main problem is the image format is not right, if you can provide the image to us, that's would be very nice.

                              have a nice day :)
                              BO

                              N 1 Reply Last reply Reply Quote 0
                              • N
                                navatek @IAMLIUBO
                                last edited by navatek

                                @IAMLIUBO hi, i noticed that when you try to load the project in the device if you were to open the WebTerminal when you press the play button to try at the end the terminal writes the image error check height and width. I saw that in the device settings if you select it in the USB Device window, it gives you that error while if you select the device in the My Device window then it doesn't give any problems, so I think it's just a problem of understanding how to set UIFlow2

                                M 1 Reply Last reply Reply Quote 1
                                • M
                                  mukul_100_ @navatek
                                  last edited by

                                  @navatek Hi, thanks a lot for the solution. finally it works and displays images normally
                                  i was wondering if you have tried doing the same on arduino or other platforms.

                                  1 Reply Last reply Reply Quote 0
                                  • B
                                    brianoy @navatek
                                    last edited by

                                    @navatek This works for me. You just save my day.

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