Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to slice this element:

enter image description here

So it's only, for example, 20 x 20 px. I can't do this normally; if I slice this image, and repeat it then I do not have a beautiful background.

How can I slice it so, that in future, when I put this as a background in CSS it looks like it is a big image, without any repeating?

share|improve this question
Possible duplicate of Testing if a BG will Repeat Tile Properly in Photoshop?. Its answers address how to accomplish what you're looking for. Here is another example. If you read through it you'll note that you use offset to see where it needs to be cleaned up, and then you clean up the edges – Johannes Feb 14 '14 at 19:19
Google 'create repeating pattern in Photoshop' for a pile of tutorials. – DA01 Feb 17 '14 at 21:50
Can't you use the whole image? It seems small enough to me, we're not in the nineties anymore... – Patareco Feb 17 '14 at 23:37
The image is 180k when saved as png-8. :P – allcaps Feb 18 '14 at 0:05
An image like this shouldn't be saved as a PNG, but as a JPG. – DA01 Feb 18 '14 at 2:40

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.