AnkiWeb addon 1593969147
Resizes images by individually setting CSS width and height through a right-click editor menu, preserving quality and supporting Image Occlusion notes.
Open on AnkiWeb GitHub Find alternatives
abandoned
| Min Anki | Max Anki | Updated |
|---|---|---|
| 2.1.14 | 24.04.1+ | 2021-12-17 |
Loading…
Provides a TypeScript templating engine and markup language for generating Anki flashcards with effects such as text shuffling, clozes, multiple choice, and image occlusions.
Enables resizing images by clicking and dragging their lower-right corner in Anki's desktop editor, preserving aspect ratio; double-clicking clears scaling, with a configurable selection border.
Automatically resizes and aligns images pasted or drag-dropped into Anki's editor using configurable strategies, with deck-specific defaults and toolbar controls.
Automatically resizes pasted or drag-and-dropped images to configurable dimensions, with shortcut resizing, aspect-ratio options, upscaling control, and transformation quality settings.
Rescales images in the Anki editor by setting width/height attributes, reversibly, with per-image, field, and card scopes plus optional auto-rescale on paste.
Scales images while editing notes by setting a configurable CSS max-height for selected fields, offering individual and bulk scaling via keyboard shortcuts or buttons.
Image Style Editor
This is an addon for resizing image width and height.
How to use
Right click on an image in editor(Add cards, or in card browser), click on 'Image Styles'.
Accepted formats are: 300, 240px, 20em, 60%, auto,--somestring, empty, etc. Plain numbers(eg. 300) are automatically converted to 300px. Values starting with -- (eg. --name) are automatically converted to var(--name). Trailing and leading spaces are removed.
You can set either only the width or the height, leave the other blank, and the image should retain its aspect ratio. If it doesn't, try going into addon config, and change empty_means to auto. If that still does not work, probably something in your note type styling is overwriting what this addon does, and will need to be modified.
*Note: Please be aware that there is a bug that removes backslashes from the field when you resize an image.
Differences from ImageResizer
Image Occlusion Support This addon supports Image Occlusion notes fully. You can choose to apply style changes to all occlusion cards of the same image, or to all image/mask fields of the card. The previous version (<=v2.1) had a critical bug regarding this feature, view github file to see how to apply the fix.
AnkiDroid Users
hidden-div-for-image-only-field to true before using editing image style should fix the issue. Github https://github.com/BlueGreenMagick/image-style-editor This is also where you can post issues if you encounter a bug.
Credits
Credits to searene, developer of the addon ImageResizer. Some of the code for gui were reused in this addon. Also to glutanimate(Aristotelis P.) and others who made the addon Image Occlusion Enhanced, which was how I figured this addon would be possible to make. Thanks to AnKing for several feature suggestions.
Updated last at 2020-10.17 v2.6. All past releases and changelogs can be viewed here
This is an addon mainly for editing image width and height.
Right click on an image in editor, click on 'Image Styles'.
Accepted formats are: 300, 240px, 20em, 60%, auto,--somestring, empty, etc. Plain numbers(eg. 300) are automatically converted to 300px. Values starting with -- (eg. --name) are automatically converted to var(--name). Trailing and leading spaces are removed.
You can set either only the width or the height, leave the other blank, and the image should retain its aspect ratio. If it doesn't, try going into config, and change empty_means to auto.
This addon supports Image Occlusion Enhanced fully. The image styles can be edited on created Image Occlusion cards.
Apply to all notes and Apply to all fields are checked, the styles will be applied to all the images in other notes and other fields as well.Apply to all notes, the style is applied to images from only that field in all other notes.Apply to all fields apply styles to only images that are in original image, or mask fields.Apply to all notes applies image styles to the same field in all cards.
Note: If you have modified any field name or position, or the notetype name on Image Occlusion Enhanced notetype, the addon's configuration needs to be adjusted before using it on Image Occlusion cards.hidden-div-for-image-only-field to true before using editing image style should fix the issue.https://ankiweb.net/shared/info/1593969147
Thanks to searene, developer of the addon ImageResizer'. Some of the code for gui were reused in this addon. Also to glutanimate(Aristotelis P.) and others who made the addon Image Occlusion Enhanced, which was how I figured this addon would be possible to make. Thanks to AnKing for several feature suggestions.