{"id":18369985,"url":"https://github.com/statamic/plugin-image","last_synced_at":"2025-04-06T18:32:44.476Z","repository":{"id":4272949,"uuid":"5401006","full_name":"statamic/Plugin-Image","owner":"statamic","description":"Statamic Plugin for resizing images in your templates","archived":false,"fork":false,"pushed_at":"2016-04-27T13:54:16.000Z","size":22,"stargazers_count":19,"open_issues_count":6,"forks_count":7,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-22T04:41:25.926Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"PHP","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/statamic.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}},"created_at":"2012-08-13T15:45:06.000Z","updated_at":"2024-01-03T03:29:40.000Z","dependencies_parsed_at":"2022-09-24T09:52:45.010Z","dependency_job_id":null,"html_url":"https://github.com/statamic/Plugin-Image","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/statamic%2FPlugin-Image","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statamic%2FPlugin-Image/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statamic%2FPlugin-Image/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statamic%2FPlugin-Image/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/statamic","download_url":"https://codeload.github.com/statamic/Plugin-Image/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247531417,"owners_count":20953959,"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-11-05T23:34:55.873Z","updated_at":"2025-04-06T18:32:43.395Z","avatar_url":"https://github.com/statamic.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"*This plugin is no longer being maintained and has been replaced by the native [Transform](http://statamic.com/learn/documentation/tags/transform) tag. Cheers!*\n\nStatamic Image Plugin ![Statamic v1](https://img.shields.io/badge/statamic-v1-lightgrey.svg?style=flat-square)\n================================\n\nThe Image plugin is used for resizing, cropping, and manipulating your images on the fly, right from your template code. All images are cached and timestamped so caches are refreshed when files update.\n\n## Installing\n1. Download the zip file (or clone via git) and unzip it or clone the repo into `/_add-ons/`.\n2. Ensure the folder name is `image` (Github timestamps the download folder).\n3. Enjoy.\n\n## Example Tag\n\n    {{ image src=\"/url_path/to/image\" dim=\"400x300\" }}\n      \u003cimg src=\"{{ image_url }}\" width={{ width }} height={{ height }} /\u003e\n    {{ /image }}\n\n## Parameters\n\n### Quality `quality`\n\nPass an integer from 1 to 100 to set your desired quality.\n\n    quality=\"80\"\n\n### Dimension `dim`\nThe dimension parameter is a swiss-army knife, all-in-one style parameter. Pass it your width x height (WxH), and your resize/crop flag and you're done.\n\n    dim=\"400x300\u003e\"\n\n#### Resize/Crop Flags\n\n**WxH#**\n\nCenter Crop to W/H, new image will be WxH, sized up if necessary\n\nFor example, with an image that is 150x150px and `dim=400x200#`, the image would be scaled up to 400x400 and then center cropped to fit 400x200\n\n**WxH!**\n\nRescale the image to W/H. For example, with an image that is 150x150px and `dim=400x200!`, the image would be scaled to 200px high and by 400px wide\n\n**WxH\u003c**\n\nImage will be rescaled to fit W/H with a fixed **width**\n\n**WxH\u003e**\n\nImage will be rescaled to fit W/H with a fixed **height**\n\n**WxH(**\n\nImage will be cropped to fit W/H with a fixed **width**\n\n**WxH)**\n\nImage will be cropped to fit W/H with a fixed **height**\n\n## Variables\n\n### Image URL `{{ image_url }}`\n\nThe processed and cached image URL to reference.\n\n### Width `{{ width }}`\n\nThe final width of the image\n\n### Height `{{ height }}`\n\nThe final width of the image\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstatamic%2Fplugin-image","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstatamic%2Fplugin-image","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstatamic%2Fplugin-image/lists"}