Quicker way to resize images/ multiple images, rather than typing "|xxx"

What I’m trying to do

Trying to learn if there is a way, or plugin, to resize images more quickly than typing “|200” for example after my photo link line-- I paste a lot of images very quickly and its very unnecessarily tedious to retype or copy paste the |xxx line in a specific spot after every link

TY!

Scenario: in Note-A you want all your images with the width=300px.

  1. In Note-A, use the frontmatter to create a specific cssclass for this scenario (for example, cssclass: image300):
---
cssclass: image300
---
  1. Create a css snippet for your scenarios. For this example, add this css code:
.markdown-preview-view.image300 img {
  width: 300px !important;
}
.markdown-preview-view.image300 .image-embed:active img {
  width: 100% !important;
}
  1. Activate your css snippet, add your images to Note-A and all the images are presented with the defined width.

This is perfect, ty