Reducing the background pattern size

Edgar Atukunda

• April 28, 2026 07:48

I have been trying to reduce the background pattern size but i have failed. the background size: auto 200px does not work. I have tried to attach the images but unfornately the websites keeps hanging so i can not attach a photo to see what i want to achieve but in plain words, if i attach the background image and set it to auto and select repeat and increase the padding or height it stretches.

check https://lacel.tech/selfdrive under what our customers say. the pattern should be super super tiny because i need to reduce it to have a size of 200px width and heiht 200px so that the contours are very very tiny.

0

• 

  KC George

  • April 28, 2026 08:47

  Hello Edgar,

  I converted your SVG pattern to JPG and used the same settings (Auto and Repeat). Have a look at https://brizy.support/test/. On this page, the pattern size appears similar to the original image. Try using the JPG image at https://jmp.sh/UShqqV9S instead of the SVG.

  0
• 

  Ariel H.

  • April 28, 2026 08:57

  Hi Edgar,

  I’ve converted the background image to WebP format, similar to what KC suggested earlier. SVG images are flexible, so when used as a repeating background, they can sometimes stretch or scale depending on the section size.
  

  In contrast, WebP (as well as PNG or JPG) has a fixed size, which allows the pattern to repeat evenly and stay consistent.

  If you have any further questions, please let us know.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.