After dragging and dropping, the image size is adjusted accordingly in Github issue or pull request.

Latest Version

Version

0.1

Update

September 22, 2021

Size

42.03KiB

Developer

resize images in Github Extension

Problem: When your Take a screenshot and drag and drop the image and copy and paste it into the comment of a github issue or pull request, the image offten shows larger than expected.

Solution: You can resize the image as you like by dragging and dropping.

HowTo:
Take a screenshot and drag and drop the image and copy and paste it into the comment of a github issue or pull request, Then Add query parameters to he image URL.

- github will set a default width of 400 if no width parameter set.
- ![image](https://user-images.githubusercontent.com/26107262/132994209-7b8e5027-e158-443a-9aeb-7647b24b965f.png)

- add a width parameter to the image URL
- ![image](https://user-images.githubusercontent.com/26107262/132994209-7b8e5027-e158-443a-9aeb-7647b24b965f.png?width=300)

- add a height parameter to the image URL
- ![image](https://user-images.githubusercontent.com/26107262/132994283-666d66d3-19db-48fc-8f3f-0258a537c065.png?height=500)

- also add a width and a height parameter to the image URL
- ![image](https://user-images.githubusercontent.com/26107262/132994283-666d66d3-19db-48fc-8f3f-0258a537c065.png?width=300&height=300)

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.1", "manifest_version": 2, "name" : "resize images in Github", "description": "After dragging and dropping, the image size is adjusted accordingly in Github issue or pull request.", "icons": { "16": "icons/16.png", "32": "icons/32.png", "48": "icons/48.png", "128": "icons/128.png" }, "background": { "scripts": [ "background.js" ], "persistent": false }, "content_scripts": [{ "matches": [ "https://github.com/*/*/issues/*", "https://github.com/*/*/pull/*" ], "js": [ "lib/jquery-3.4.1.min.js", "content.js" ] }], "permissions": [ "tabs", "https://github.com/*/*/issues/*", "https://github.com/*/*/pull/*" ], "content_security_policy": "script-src 'self'; object-src 'self'"}

Download CRX(42.03KiB)