https://github.com/lizychy0329/vscode-copy-image-size

Copy Image Size for Tailwindcss or Unocss or CSS
https://github.com/lizychy0329/vscode-copy-image-size

clipboard copy css image image-processing imagesize tailwindcss unocss vscode vscode-extension width-height

Last synced: 3 months ago
JSON representation

Copy Image Size for Tailwindcss or Unocss or CSS

• Host: GitHub
• URL: https://github.com/lizychy0329/vscode-copy-image-size
• Owner: lizyChy0329
• License: mit
• Created: 2024-08-29T03:16:42.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T08:24:27.000Z (7 months ago)
• Last Synced: 2024-10-25T04:21:30.125Z (7 months ago)
• Topics: clipboard, copy, css, image, image-processing, imagesize, tailwindcss, unocss, vscode, vscode-extension, width-height
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=lizyChy0329.copy-image-size
• Size: 704 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  

  


  Copy Image Size



⚡️📋 Copy Image Size for Tailwindcss or Unocss or CSS







  











## Base Usege ⚡️

Right-click VSCode image file, Open PineCone Gallery or translate Image Size to (Tailwind/Unocss) Utility or CSS Properties

## PineCone Gallery

`PineCone Gallery` is a Image Gallery for vscode. Right-click the directory includes image files to create PineCone Gallery icon in activity bar.

We recommend moving the PineCone Gallery icon to `Secondary Side Bar` for more convenient use.

**How to use?**

Right-click directory includes image files, select `Open PineCone Gallery`

![Open PineCone Gallery](https://files.catbox.moe/c9gqqi.png)

Select the `PineCone Gallery Icon` in `Activity Bar`

![PineCone Gallery Icon](https://files.catbox.moe/xrfdld.png)

Right-click the image item to copy size or copy name or everything else.

![dd](https://files.catbox.moe/o1opql.png)