{"action":"created","issue":{"url":"https://api.github.com/repos/imgix/react-imgix/issues/71","repository_url":"https://api.github.com/repos/imgix/react-imgix","labels_url":"https://api.github.com/repos/imgix/react-imgix/issues/71/labels{/name}","comments_url":"https://api.github.com/repos/imgix/react-imgix/issues/71/comments","events_url":"https://api.github.com/repos/imgix/react-imgix/issues/71/events","html_url":"https://github.com/imgix/react-imgix/issues/71","id":203221533,"number":71,"title":"Include the Imgix.js generated srcset within react-imgix library","user":{"login":"victorwhy","id":7387858,"avatar_url":"https://avatars.githubusercontent.com/u/7387858?v=3","gravatar_id":"","url":"https://api.github.com/users/victorwhy","html_url":"https://github.com/victorwhy","followers_url":"https://api.github.com/users/victorwhy/followers","following_url":"https://api.github.com/users/victorwhy/following{/other_user}","gists_url":"https://api.github.com/users/victorwhy/gists{/gist_id}","starred_url":"https://api.github.com/users/victorwhy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/victorwhy/subscriptions","organizations_url":"https://api.github.com/users/victorwhy/orgs","repos_url":"https://api.github.com/users/victorwhy/repos","events_url":"https://api.github.com/users/victorwhy/events{/privacy}","received_events_url":"https://api.github.com/users/victorwhy/received_events","type":"User","site_admin":false},"labels":[{"id":526666946,"url":"https://api.github.com/repos/imgix/react-imgix/labels/needs%20more%20info","name":"needs more info","color":"fef2c0","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2017-01-25T21:03:36Z","updated_at":"2017-01-31T21:26:56Z","closed_at":null,"body":"`Imgix.js` is great at what it does, unfortunately due to the nature of the html being generated after the DOM is loaded, there is always a risk of a flicker for the user.\r\n\r\nI was looking into using this library instead to create responsive images, but noticed that the fancy srcset generation that `Imgix.js` does isn't part of this library.\r\n\r\nIt'd be great if we can have it generate that `srcset` list here as well :)"},"comment":{"url":"https://api.github.com/repos/imgix/react-imgix/issues/comments/276497847","html_url":"https://github.com/imgix/react-imgix/issues/71#issuecomment-276497847","issue_url":"https://api.github.com/repos/imgix/react-imgix/issues/71","id":276497847,"user":{"login":"victorwhy","id":7387858,"avatar_url":"https://avatars.githubusercontent.com/u/7387858?v=3","gravatar_id":"","url":"https://api.github.com/users/victorwhy","html_url":"https://github.com/victorwhy","followers_url":"https://api.github.com/users/victorwhy/followers","following_url":"https://api.github.com/users/victorwhy/following{/other_user}","gists_url":"https://api.github.com/users/victorwhy/gists{/gist_id}","starred_url":"https://api.github.com/users/victorwhy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/victorwhy/subscriptions","organizations_url":"https://api.github.com/users/victorwhy/orgs","repos_url":"https://api.github.com/users/victorwhy/repos","events_url":"https://api.github.com/users/victorwhy/events{/privacy}","received_events_url":"https://api.github.com/users/victorwhy/received_events","type":"User","site_admin":false},"created_at":"2017-01-31T21:26:56Z","updated_at":"2017-01-31T21:26:56Z","body":"@frederickfogerty so yes, sorry, maybe I didn't make that clear.\r\n\r\nFor us, a lot of the images we use we upload the full resolution. So a lot of the times they'll be like 2-3MB files, and even with compression theyre still big.\r\n\r\nSo what Imgix.js does, is if you pass it in a sizes, it'll automatically generate 100 pixel ranges, from the smallest it can go, up to the final range, plus any retina stuff, you can see generally [here](https://blog.imgix.com/2016/06/22/imgix-js-3.html).\r\n\r\nSo not only will it generate the different resolutions for that current size, it will also provide all the srcsets so it's fully responsive.  That is, even though the original size we passed in is say, 500px, it'll generate a srcset that includes a 300px wide size of that image, so that anyone with a mobile device will get the 300px wide image, versus the full 500px wide image.\r\n\r\nDoes that make sense? "}}
{"actor":{"display_login":"victorwhy"}}