{"id":13397885,"url":"https://github.com/cloudinary/responsive_breakpoints_generator","last_synced_at":"2025-12-25T01:48:26.771Z","repository":{"id":3410959,"uuid":"49382859","full_name":"cloudinary/responsive_breakpoints_generator","owner":"cloudinary","description":null,"archived":false,"fork":false,"pushed_at":"2023-08-19T01:11:11.000Z","size":963,"stargazers_count":439,"open_issues_count":7,"forks_count":34,"subscribers_count":38,"default_branch":"master","last_synced_at":"2024-07-31T18:24:14.625Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cloudinary.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-01-10T19:59:08.000Z","updated_at":"2024-06-28T01:45:51.000Z","dependencies_parsed_at":"2024-01-16T12:50:04.940Z","dependency_job_id":"ae94b3fe-44db-414c-ab49-262010145fc1","html_url":"https://github.com/cloudinary/responsive_breakpoints_generator","commit_stats":{"total_commits":26,"total_committers":3,"mean_commits":8.666666666666666,"dds":"0.15384615384615385","last_synced_commit":"98124ff49ab52b720f8da1632ede4e241a6293c5"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary%2Fresponsive_breakpoints_generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary%2Fresponsive_breakpoints_generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary%2Fresponsive_breakpoints_generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudinary%2Fresponsive_breakpoints_generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudinary","download_url":"https://codeload.github.com/cloudinary/responsive_breakpoints_generator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243505090,"owners_count":20301553,"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":[],"created_at":"2024-07-30T18:01:51.140Z","updated_at":"2025-12-25T01:48:26.704Z","avatar_url":"https://github.com/cloudinary.png","language":"JavaScript","readme":"# Responsive Image Breakpoints Generator\n\n## Overview\n\nResponsive web design requires developers to determine the image dimensions that best fit their website. This breakpoints generator tool helps developers automatically find the optimal image sizes needed for the best viewing experience in web and mobile apps on a variety of screen sizes.\n\nThe Responsive Breakpoints Generator enables you to interactively upload your images and define settings to find matching image dimensions that fit in your graphic design requirements. You can define the required image width range, the file size step in kilobytes and a safety limit of the maximum number of images you allow. In addition, you can request that the results include double resolution images for DPR 2.0 displays (e.g., Retina Display).\n\nThe breakpoints generator tool uses [Cloudinary's advanced algorithms](https://cloudinary.com) to easily generate best matching breakpoints for each uploaded image. \n\n## Live public tool\n\nThis project is available as a new free public web tool called the **[Responsive Image Breakpoints Generator](https://www.responsivebreakpoints.com/)**.\n\n![Responsive Breakpoints](https://res.cloudinary.com/responsivebreakpoints/image/upload/w_200/responsive_breakpoints_logo_square.png)\n\n**[https://www.responsivebreakpoints.com/](https://www.responsivebreakpoints.com/)**\n\n\n## Project's content\n\nThis project is a lightweight web application that consists of the following modules and technologies:\n\n * Standard HTML5 and Javascript code.\n * [Cloudinary's Upload Widget](https://cloudinary.com/documentation/upload_widget) that uploads images directly from the browser to the cloud.\n * [Handlebars](https://handlebarsjs.com/) dynamic HTML template.\n * Simple Sinatra web application (written in Ruby). This application is the server-side component, which takes care of building signatures for authenticating API requests to [Cloudinary](https://cloudinary.com).\n\n\n## Quick start\nIn order to start the server use the following command:\n\n```console\n\u003e CLOUDINARY_URL=\u003cYOUR_CLOUDINARY_URL\u003e bundle exec puma -t 5:5 -p ${PORT:-3000} -e ${RACK_ENV:-development}\n```\n\n## License\n\nReleased under the MIT license. \n\n","funding_links":[],"categories":["JavaScript","Tools"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary%2Fresponsive_breakpoints_generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudinary%2Fresponsive_breakpoints_generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudinary%2Fresponsive_breakpoints_generator/lists"}