{"id":16872356,"url":"https://github.com/robjtede/img-exif","last_synced_at":"2026-04-11T21:35:23.721Z","repository":{"id":57272511,"uuid":"88519089","full_name":"robjtede/img-exif","owner":"robjtede","description":"A dependency-free vanilla web component that correctly orients images based on their EXIF data","archived":false,"fork":false,"pushed_at":"2018-12-12T00:40:44.000Z","size":70,"stargazers_count":1,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-15T13:37:52.060Z","etag":null,"topics":["exif","html","img","javascript","web-components"],"latest_commit_sha":null,"homepage":"","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/robjtede.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}},"created_at":"2017-04-17T14:58:15.000Z","updated_at":"2018-12-12T00:40:45.000Z","dependencies_parsed_at":"2022-08-25T01:12:21.251Z","dependency_job_id":null,"html_url":"https://github.com/robjtede/img-exif","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robjtede%2Fimg-exif","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robjtede%2Fimg-exif/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robjtede%2Fimg-exif/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robjtede%2Fimg-exif/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robjtede","download_url":"https://codeload.github.com/robjtede/img-exif/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244306052,"owners_count":20431737,"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":["exif","html","img","javascript","web-components"],"created_at":"2024-10-13T15:14:29.839Z","updated_at":"2025-10-08T18:45:54.269Z","avatar_url":"https://github.com/robjtede.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u0026lt;img-exif\u0026gt;\n\n\u003e This vanilla web component simply takes a `src` attribute like the standard `img` element and renders it in it's correct orientation using any embedded EXIF data.\n\u003e\n\u003e Note: This component only works for **same-origin images** or **images with cross-origin headers**!\n\u003e\n\u003e `img-exif` has **no dependencies** (but may require a polyfill).\n\n\n\u003c!-- ## Demo\n\n**[See demo page for examples](https://robjtede.uk/open-source/img-exif)** --\u003e\n\n\n## Install\n\nInstall `img-exif` with your preferred node package manager.\n\n```sh\n$ yarn add img-exif\n\nor\n\n$ npm install --save img-exif\n```\n\nYou will need to include any polyfills for browsers that do not support the Web Components v1 spec. See [https://github.com/webcomponents/webcomponentsjs](https://github.com/webcomponents/webcomponentsjs).\n\n\n## Usage\n\nImport the HTML file in the `\u003chead\u003e`.\n\nWith Package Manager: please refer to [installing](#install)\n```html\n\u003clink rel=\"import\" href=\"./node_modules/img-exif/img-exif.html\"\u003e\n```\n\nWithout npm for managing web component packages\n```html\n\u003clink rel=\"import\" href=\"https://unpkg.com/img-exif@latest/img-exif.html\"\u003e\n```\n\nUse the tag on your page.\n```html\n\u003cimg-exif src=\"./your-image.jpg\"\u003e\u003c/img-exif\u003e\n```\n\n\n## Options\n\n| Attribute | Type  | Default | Description            |\n|:----------|:------|:--------|:-----------------------|\n| `src`     | *url* |         | Same as `\u003cimg src=\"\"\u003e` |\n\u003c!--\n| `loading` | *boolean*            | true    | Show animated loading indicator? |\n --\u003e\n\n## Limitations\n- No option to use `height=` or `width=` attributes. Use CSS `width:` and `height:` properties instead.\n\n## History\n\nFor changelog, [see releases.](https://github.com/robjtede/img-exif/releases)\n\n## License\n\n[MIT License](https://github.com/robjtede/img-exif/blob/master/LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobjtede%2Fimg-exif","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobjtede%2Fimg-exif","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobjtede%2Fimg-exif/lists"}