{"action":"created","issue":{"url":"https://api.github.com/repos/claviska/jquery-minicolors/issues/156","labels_url":"https://api.github.com/repos/claviska/jquery-minicolors/issues/156/labels{/name}","comments_url":"https://api.github.com/repos/claviska/jquery-minicolors/issues/156/comments","events_url":"https://api.github.com/repos/claviska/jquery-minicolors/issues/156/events","html_url":"https://github.com/claviska/jquery-minicolors/pull/156","id":53396439,"number":156,"title":"separate inline sprite from jquery.minicolors.css","user":{"login":"hankmander","id":846469,"avatar_url":"https://avatars.githubusercontent.com/u/846469?v=3","gravatar_id":"","url":"https://api.github.com/users/hankmander","html_url":"https://github.com/hankmander","followers_url":"https://api.github.com/users/hankmander/followers","following_url":"https://api.github.com/users/hankmander/following{/other_user}","gists_url":"https://api.github.com/users/hankmander/gists{/gist_id}","starred_url":"https://api.github.com/users/hankmander/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hankmander/subscriptions","organizations_url":"https://api.github.com/users/hankmander/orgs","repos_url":"https://api.github.com/users/hankmander/repos","events_url":"https://api.github.com/users/hankmander/events{/privacy}","received_events_url":"https://api.github.com/users/hankmander/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/claviska/jquery-minicolors/labels/Feature+Request","name":"Feature Request","color":"02d7e1"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-01-05T13:37:27Z","updated_at":"2015-01-07T20:33:09Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/claviska/jquery-minicolors/pulls/156","html_url":"https://github.com/claviska/jquery-minicolors/pull/156","diff_url":"https://github.com/claviska/jquery-minicolors/pull/156.diff","patch_url":"https://github.com/claviska/jquery-minicolors/pull/156.patch"},"body":"If you want to avoid the added weight of the base64 image you could include only one of the two css files."},"comment":{"url":"https://api.github.com/repos/claviska/jquery-minicolors/issues/comments/69087106","html_url":"https://github.com/claviska/jquery-minicolors/pull/156#issuecomment-69087106","issue_url":"https://api.github.com/repos/claviska/jquery-minicolors/issues/156","id":69087106,"user":{"login":"claviska","id":55639,"avatar_url":"https://avatars.githubusercontent.com/u/55639?v=3","gravatar_id":"","url":"https://api.github.com/users/claviska","html_url":"https://github.com/claviska","followers_url":"https://api.github.com/users/claviska/followers","following_url":"https://api.github.com/users/claviska/following{/other_user}","gists_url":"https://api.github.com/users/claviska/gists{/gist_id}","starred_url":"https://api.github.com/users/claviska/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/claviska/subscriptions","organizations_url":"https://api.github.com/users/claviska/orgs","repos_url":"https://api.github.com/users/claviska/repos","events_url":"https://api.github.com/users/claviska/events{/privacy}","received_events_url":"https://api.github.com/users/claviska/received_events","type":"User","site_admin":false},"created_at":"2015-01-07T20:33:09Z","updated_at":"2015-01-07T20:33:09Z","body":"I'm not against it, I just prefer to keep things simple and adding another copy of the stylesheet for what seems to be an edge case feels like bloat :)\r\n\r\nTo be honest, given the size difference of the image compared to the data URI, I'd almost prefer to go back to using the separate image (probably in 3.0). You made a point about loading the image on demand, and the browser will in fact do just that with the separate image since it's not shown right away (unless you're using an inline control). With the data URI, it's forced to load the entire thing.\r\n\r\nIn hindsight, I think the reasons to stick with a separate image outweigh the data URI:\r\n\r\nPros:\r\n- Automatically loaded by browser on demand and only if needed\r\n- Smaller size because it's not [base64] encoded\r\n- Easier to maintain (if the image changes, doesn't need to be regenerated, and different methods provide different compression rates)\r\n\r\nCons:\r\n- Could potentially cause problems with relative URLs if styles are included into a project. (For what it's worth, I use CodeKit and I've never had this problem.)\r\n\r\nAm I missing anything else?\r\n\r\nThere are a couple features that I've been wanting to get done for 3.0, and I think going back to using the separate image will be a good move for that version."}}