{"id":33952231,"url":"https://github.com/bangnokia/cdn-image","last_synced_at":"2026-04-06T06:32:17.713Z","repository":{"id":51391189,"uuid":"354826981","full_name":"bangnokia/cdn-image","owner":"bangnokia","description":"Laravel CDN image component for blade component.","archived":false,"fork":false,"pushed_at":"2022-02-17T10:00:43.000Z","size":70,"stargazers_count":4,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-14T08:12:51.286Z","etag":null,"topics":["blade","blade-component","cdn-image","cloudimage","laravel"],"latest_commit_sha":null,"homepage":"","language":"PHP","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/bangnokia.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null}},"created_at":"2021-04-05T12:27:59.000Z","updated_at":"2024-01-01T23:51:26.000Z","dependencies_parsed_at":"2022-09-02T03:31:14.514Z","dependency_job_id":null,"html_url":"https://github.com/bangnokia/cdn-image","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":"spatie/package-skeleton-laravel","purl":"pkg:github/bangnokia/cdn-image","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangnokia%2Fcdn-image","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangnokia%2Fcdn-image/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangnokia%2Fcdn-image/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangnokia%2Fcdn-image/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bangnokia","download_url":"https://codeload.github.com/bangnokia/cdn-image/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bangnokia%2Fcdn-image/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31463013,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"online","status_checked_at":"2026-04-06T02:00:07.287Z","response_time":112,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["blade","blade-component","cdn-image","cloudimage","laravel"],"created_at":"2025-12-12T19:28:44.979Z","updated_at":"2026-04-06T06:32:17.707Z","avatar_url":"https://github.com/bangnokia.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Laravel CDN image blade component\n\n[![Latest Version on Packagist](https://img.shields.io/packagist/v/bangnokia/cdn-image.svg?style=flat-square)](https://packagist.org/packages/bangnokia/cdn-image)\n[![GitHub Tests Action Status](https://img.shields.io/github/workflow/status/bangnokia/cdn-image/run-tests?label=tests)](https://github.com/bangnokia/cdn-image/actions?query=workflow%3ATests+branch%3Amaster)\n[![GitHub Code Style Action Status](https://img.shields.io/github/workflow/status/bangnokia/cdn-image/Check%20\u0026%20fix%20styling?label=code%20style)](https://github.com/bangnokia/cdn-image/actions?query=workflow%3A\"Check+%26+fix+styling\"+branch%3Amaster)\n[![Total Downloads](https://img.shields.io/packagist/dt/bangnokia/cdn-image.svg?style=flat-square)](https://packagist.org/packages/bangnokia/cdn-image)\n\n\nIf your website is running and has lots of images which make it slow, you should start to use a CDN for better speed beside with some convenient operations to manipulate image like resize, filter, convert to webp, etc...\n\n\nBy default, this package supports [statically](https://statically.io/) (a free CDN service out of the box) using via `/img` endpoint.\n\n\n## Installation\n\nYou can install the package via composer:\n\n```bash\ncomposer require bangnokia/cdn-image\n```\n\nYou can publish the config file with:\n```bash\nphp artisan vendor:publish --provider=\"BangNokia\\CdnImage\\CdnImageServiceProvider\" --tag=\"cdn-image-config\"\n```\n\nSample config file\n\n```php\n\u003c?php\n\nreturn [\n    'default' =\u003e 'statically',\n\n    'services' =\u003e [\n        'statically' =\u003e [\n            'domain' =\u003e 'cdn.statically.io'\n        ],\n\n        'cloud_image' =\u003e [\n            'domain'  =\u003e 'cloudimg.io',\n            'token'   =\u003e env('CLOUD_IMAGE_TOKEN'),\n            'version' =\u003e env('CLOUD_IMAGE_VERSION', 'v7')\n        ]\n    ]\n];\n```\n\nNow you should value for the provider you are using in `config/cdn_image.php` config file.\n\n### CDN Providers supported\n\n- [Statically](https://statically.io/)\n- [Cloudimage](https://www.cloudimage.io/en/home)\n\n## Usage\n\nThe blade `x-img` component supports 3 most used props (at least I thought that):\n\n- `src`\n- `width`\n- `height`\n\nand \n- `query` for other operations which depends on each provider\n \nExample\n```html\n\u003cx-img src=\"http://foo.bar/demo.jpg\" width=\"200\" height=\"100\" :query=\"['q' =\u003e 90']\" /\u003e\n```\nwill be rendered to\n```html\n\u003cimg src=\"htts://statically.io/img/foo.bar/demo.jpg?w=200\u0026h=100\u0026q=90\" \u003e\n```\n## Testing\n\n```bash\ncomposer test\n```\n\n## Changelog\n\nPlease see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.\n\n## Contributing\n\nPlease see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.\n\n## Security Vulnerabilities\n\nPlease review [our security policy](../../security/policy) on how to report security vulnerabilities.\n\n## Credits\n\n- [bangnokia](https://github.com/bangnokia)\n- [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbangnokia%2Fcdn-image","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbangnokia%2Fcdn-image","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbangnokia%2Fcdn-image/lists"}