CSS rapetisser et syntaxe background-image

Question

Je cherchais un minifier fiable css qui ne nécessite pas de ligne de commande pour exécuter. Quelque chose de similaire à Google closure compiler où vous pouvez entrer plusieurs fichiers JavaScript et les réduire en un seul fichier. Jusqu'à présent, j'ai trouvé this de this thread.

Je nourris un peu de fichiers CSS et constaté que l'une des images référencées dans un des fichiers css a été mutilée dans le fichier minified.

background-image: url('/abc/img.png') 

et il a été converti en

background-image: url(http://mydomain.com/'abc/img.png') 

qui ne semble pas juste. Assez curieusement si seulement un seul fichier avec le code ci-dessus est alimenté le résultat est correct. De plus, si je change l'arrière-plan en arrière-plan, le résultat est correct. Donc, je suis un peu confus que le problème est:

- Est-il légal CSS d'omettre la position de fond lorsque l'image de fond est utilisée?
- Y a-t-il des alternatives à cet outil (accepter plusieurs fichiers CSS pour rapetisser et ne nécessite pas d'être exécuté comme commande).

Toute autre suggestion et un aperçu est très apprécié.

Answer 1

1. Le raccourci background peut être utilisé en toute sécurité avec seulement la couleur ou seulement la partie de l'image. Je l'ai fait de cette façon depuis 2000 ~ parce que je suis paresseux et jamais vu un problème. Bien sûr, vous auriez pu essayer de demander au validateur CSS de vérifier s'il était valide ou non (voir: http://jigsaw.w3.org/css-validator/).

2. Personnellement, je laisse Sass prendre soin de mes besoins Minification depuis que je suis déjà l'utiliser pour ses autres fonctions. Je n'ai pas prêté trop d'attention à la façon dont il écrase le fichier généré, mais tous les espaces et les commentaires sont supprimés dans son mode le plus compact et les couleurs sont compressées à leurs valeurs hexadécimales à 6 ou 3 chiffres.