Custom marker pattern not working

[allestaire]

Describe the bug
The custom pattern generated on this site Generator tool is not working,

To Reproduce
Steps to reproduce the behavior:

1. Generated your own pattern on this site tool
2. Use pattern with

<a-marker type='pattern' url='./markers/<url pattern file.patt>'>
          <a-box position='0 0.5 0' material='opacity: 0.5; side: double;color:pink;'>
              <a-torus-knot radius='0.26' radius-tubular='0.05'
              animation="property: rotation; to:360 0 0; dur: 5000; easing: linear; loop: true">
              </a-torus-knot>
          </a-box>
      </a-marker>

3. Try to scan your custsom pattern

Expected behavior
Should show model when custom pattern is detected on camera

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Base on the shared code above, I also tried to use the hiro patt file, and it works just fine, thats why I conclude that custom pattern generator wont work

[allestaire]

Just found out that the image to be use should be HD also try to adujst image size until 1000px if so.
See example image below: