How to resize images?

tsukimori

for example:

[IMG[https://www.iwanttoresize.com/image.jpg]]

how do i put this in my game but in a specific size? i want to resize the image to something smaller.

narF

An easy solution would be to resize your image before importing it in Twine.

If it's not possible, then I think this should work (assuming you use Twine 1.4.1):

<img src="https://www.iwanttoresize.com/image.jpg" width="400px" height="300px">

Or maybe without the "px" in each size? I can't remember.

Sharpe

Imported images, though, don't seem to allow for HTML resizing (or anything else), as far as I could get it to work. Very well could have been doing something wrong, though.

greyelf

One way is to achieve this is:

1. Wrap the image link within your passage using a span tag with a class. (use whatever class name you like)


<span class="smaller">
[img[example_image]]
</span>


2. Resize the image using some css.

span.smaller > img {
width: 50px;
}

Hope that helps.

tsukimori

thank you ^^ going to try it out

proy87

You can use online site for image resize, then upload resized image.