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?

  • 5
    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
    – Hanna
    Commented Feb 14, 2014 at 19:19
  • Google 'create repeating pattern in Photoshop' for a pile of tutorials.
    – DA01
    Commented Feb 17, 2014 at 21:50
  • 2
    Can't you use the whole image? It seems small enough to me, we're not in the nineties anymore...
    – Patareco
    Commented Feb 17, 2014 at 23:37
  • The image is 180k when saved as png-8. :P
    – allcaps
    Commented Feb 18, 2014 at 0:05
  • An image like this shouldn't be saved as a PNG, but as a JPG.
    – DA01
    Commented Feb 18, 2014 at 2:40


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.