Skip to main content


This topic contains 6 replies, has 0 voices, and was last updated by  thomarkestal 8 years, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #30025


    Does anyone know how I can use a photoshop pattern as web background? I want to use it as a repeat pattern in the body. Of course I could just use the paint bucket tool and then chop it up, but it seems so tedious and the pattern is quite intricate.

    Thanks in advance,



    Can’t you just save it as an image and then repeat it with repeat-x, repeat-y or repeat?

    For example:



    Yea that’s what I was thinking too, but I can’t figure out how to save it as image, convert or even figure out the original size of one “image” due to this .pat format…



    Hmm, I see what you mean.
    After fooling around a bit in Photoshop, I think I found a way to do it.
    Make a new document, say 500×500 pixels. Use the Paint Bucket Tool (G), and in the dropdown menu in the top bar choose Pattern instead of Foreground. Next, choose your pattern (assuming you’ve already loaded it into PS) in the next drop down menu. Now, when you mouse over your pattern, the size of the pattern will show up. So adjust the canvas size of your document to that of your pattern, fill it with the pattern and then save it as a jpg or whatever.
    Here’s an image to clarify it:

    I’m sure there are other ways to do it, but this is just a way I found after fooling around in PS.



    Oh that’s just awesome – thank you so much for the help! I figured out it was 148×148, which is a lot better than using the 1800xsomethingevenbigger that I have now.

    Here’s where I want to use it:

    As you can see it takes some time to load.



    Yea I know, I just kind of threw it up to have something. Working on it… :-)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star