Is it possible to use SVG images as CSS background?

How do you manage all images in a big project, inline images, background images, css sprite images, icons?

• How do you manage all images in a big project, inline images, background images, css sprite images, icons? Do you follow any naming convention? Do you create sub-folders to manage images? In a big project how to make it easy to find for new people in the development team if any images which they want to use (because it's in new PSD they received from designer) is already available in images folder of project and how they can find it easily.

• Answer:

  At the start of the project, I strictly follow a certain naming convention religiously. However after shipping, things get really crazy and time starts to tick faster. So I end up not following my rules. I remember one time in our project where I've used under_score, dash-names, and camelCase all at the same time in my CSS Ids and classes. I ended up fixing them once things settled down. Btw, inspect Facebook's HTML in Chrome. They don't have a naming convention either considering they're big. For CSS, I mostly use dash-names because under_score reminds me of python/ruby. Although sometimes I'd do a dot separator like .email.icon, .contact.icon, submit.button, .cancel.button, etc. For filenames, definitely under_score. Prepend _2x before the file extension if you're serving high resolution images according to Apple's guidelines https://developer.apple.com/library/safari/#documentation/NetworkingInternet/Conceptual/SafariImageDeliveryBestPractices/ServingImagestoRetinaDisplays/ServingImagestoRetinaDisplays.html%23//apple_ref/doc/uid/TP40012449-CH3-SW1 Quote: Create images that are twice the width and height of your current image resources. A common file-naming convention for high-resolution images on the web is to prepend_2x before the file extension; for example, myImage_2x.jpg. Don’t use @2x in the filename, since the @ character in a URL is reserved as the delimiter separating the username and password from the host in authentication URL schemes. Definitely use sprite sheets to combine PNG files into one to minimise http requests from the client. I personally use ImageMagick's convert command in the Terminal to automate this workflow.