Resizing images in Reviewer

Anki Suggestions
1

ANKI program is supporting control in sounds, texts, Fonts, sizes areas and etc…But there are not any options to control in images Why…?? Also, unfortunately, there is not any ADDon play this helpful mission. It is a horrible thing to import a deck and find hundreds of cards with hundreds of images while you must resize it to make it suitable for preview and study.
I am sure, Resizing images in Reviewer is the only thing that is missing in Anki.
I use Anki 2.1.48 - windows 10

2

Check this out Edit Field During Review (Cloze) - AnkiWeb

PS: Questions are generally better than assertions here :slightly_smiling_face:

2 Likes
3

Just set a max-height for images in CSS and you’re good :smile:

There are options. You can customize your card templates.

Also, the next major Anki update will bring an image resizer handle for the editor (which is unnecessary, if you know CSS, but was implemented due to popular demand). The editor will be persistent soon, so you can keep it open during review and edit your cards on the fly.

5 Likes
4

Thanks for the quick response. I thought that the post will be thrown in the space​:joy::joy::joy::joy::joy:.

I have a little expertise in CCS Anki.
please share the text which I can put in the Card types which I can rescale through.

5

this is great news. thanks again.:kissing_heart::kissing_heart:
for that matter, I suggest that I can control the size of images from Options of the deck (not from the Browser page only).

1 Like
6

Anyone must put this text in styling
[head to tools→Manage Note Types→ select the required note type→button Card→button styling]

img {
max-width: 300px !important;
max-height: 300px !important;
}

7

Hi, now there is handle for resizing but agian when I resize it in editor its fine but when try to review the card is skewed
am i doing wrong or anki cant show it well in review section?

8

You should take a look at how that field is being formatted in your card template and Styling. Is the image being put in a “box” of some kind that skews it?

9

ok I fixed it
in the case any one annoyed by this error use this code in all card types in styling section

img {
max-width: 100%;
max-height: 100%;

display: block;  }
1 Like