Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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
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 –  Johannes Feb 14 at 19:19
    
Google 'create repeating pattern in Photoshop' for a pile of tutorials. –  DA01 Feb 17 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 Feb 17 at 23:37
    
The image is 180k when saved as png-8. :P –  allcaps Feb 18 at 0:05
    
An image like this shouldn't be saved as a PNG, but as a JPG. –  DA01 Feb 18 at 2:40

Your Answer

 
discard

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

Browse other questions tagged or ask your own question.