{"id":20601186,"url":"https://github.com/cleverage/daltons","last_synced_at":"2025-04-15T01:36:29.081Z","repository":{"id":33854272,"uuid":"145835890","full_name":"cleverage/daltons","owner":"cleverage","description":"a command-line tool that computes optimal image widths to put in srcset attributes of responsive images","archived":false,"fork":false,"pushed_at":"2024-10-01T11:32:33.000Z","size":2377,"stargazers_count":40,"open_issues_count":24,"forks_count":5,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-28T13:37:24.034Z","etag":null,"topics":["image","images","performance","responsive-design","responsive-images","responsive-web-design","webperf"],"latest_commit_sha":null,"homepage":"https://cleverage.github.io/daltons/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cleverage.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-08-23T10:05:47.000Z","updated_at":"2024-11-11T17:23:29.000Z","dependencies_parsed_at":"2023-10-01T17:23:50.183Z","dependency_job_id":"d777480e-9018-4ac2-8084-617b8c377fa0","html_url":"https://github.com/cleverage/daltons","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fdaltons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fdaltons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fdaltons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cleverage%2Fdaltons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cleverage","download_url":"https://codeload.github.com/cleverage/daltons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248989953,"owners_count":21194676,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["image","images","performance","responsive-design","responsive-images","responsive-web-design","webperf"],"created_at":"2024-11-16T09:08:56.344Z","updated_at":"2025-04-15T01:36:29.063Z","avatar_url":"https://github.com/cleverage.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Daltons\n\n[![Travis build status](https://img.shields.io/travis/cleverage/daltons.svg?style=popout)](https://travis-ci.org/cleverage/daltons)\n[![Known Vulnerabilities](https://snyk.io/test/github/cleverage/daltons/badge.svg?targetFile=package.json)](https://snyk.io/test/github/cleverage/daltons?targetFile=package.json)\n[![License](https://img.shields.io/github/license/cleverage/daltons.svg?style=popout)](https://github.com/cleverage/daltons/blob/master/LICENSE.md)\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fcleverage%2Fdaltons.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fcleverage%2Fdaltons?ref=badge_shield)\n[![GitHub stars](https://img.shields.io/github/stars/cleverage/daltons.svg?style=social)](https://github.com/cleverage/daltons/stargazers)\n\n`daltons` is a command-line tool that computes optimal image widths to put in [`srcset`](https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-srcset) attributes of [responsive images](https://responsiveimages.org/).\n\n## Why do we need this tool?\n\nWe want to provide the best experience to [our clients](https://www.clever-age.com/en/our-work/)’ users, so optimizing web performance is one of our main concerns.\n\nUsing responsive images in every projects, we wanted to be able to make it as efficient as possible. The main difficulty is choosing the image widths we put in `srcset` attributes, because nothing in the standard tells us about this.\n\n## How does it work?\n\nIt takes 3 steps for `daltons` to find the best widths to put in the `srcset` attribute of a responsive image:\n\n- take Real User Monitoring (RUM) of viewport widths and screen densities\n- list the image’s widths across all of these viewport widths\n- compute the optimal image widths to put in the `srcset` attribute to cover all these needs\n\nLearn more in [the full documentation](https://cleverage.github.io/daltons/).\n\n## Usage\n\nTo install and run this application, you’ll need [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer.\n\nFrom your command line, install `daltons` as a global package:\n\n```\nnpm i -g github:cleverage/daltons\n```\n\nThen run it with the `-h` option to get help:\n\n```\nnpx daltons -h\n```\n\nOr see detailed options in [the full documentation](https://cleverage.github.io/daltons/options.html) and look at [examples and use cases](https://cleverage.github.io/daltons/#examples-and-use-cases).\n\n## Built with\n\n- [Node.js](https://nodejs.org/en/)\n- [Puppeteer](https://developers.google.com/web/tools/puppeteer/), a Node.js library which provides a high-level API to control headless Chrome\n\n## Authors\n\n- [Nicolas Hoizey](https://github.com/nhoizey): Idea and initial work, maintainer\n- [Yvain Liechti](https://github.com/ryuran): Early contributor, maintainer\n\nSee also the list of [contributors](https://github.com/cleverage/daltons/contributors) who participated in this project.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.\n\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fcleverage%2Fdaltons.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fcleverage%2Fdaltons?ref=badge_large)\n\n## Related projects\n\n- [Sizer-Soze](https://blog.yoav.ws/who_is_sizer_soze/), developed by [Yoav Weiss](https://github.com/yoavweiss), “is a utility that enables you to evaluate how much you could save by properly resizing your images to match their display size on various viewports”.\n- [imaging-heap](https://github.com/filamentgroup/imaging-heap), developed by [Zach Leatherman](https://github.com/zachleat) is “a command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios”.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleverage%2Fdaltons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcleverage%2Fdaltons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcleverage%2Fdaltons/lists"}