[dennisw]

Sorry but I could not re-size the above photo of Gene eating his fillet-o-fish sandwich. I remember when he bopped a guy about ten years ago, who was messing around with him while he was out for a drive

[Mr Rogers]

[griffin]

GREAT. How wide-ranging do you wanna make this thread anyways!? ;)

[Yo-Yo]

Sorry but I could not re-size the above photo of Gene eating his fillet-o-fish sandwich.

Quick image resizing lesson.

You can use the modifier width="xxx" to make an image xxx pixels wide. Aspect ratio of the image will remain the same.

Or you can use the modifier height="xxx" to make the image xxx pixels high. Aspect ratio of the image will remain the same.

Or you can use the modifier width="xx%" to make the image xx% of the width of the browser window. This is handy as it will automatically resize the image to whatever size the browser window happens to be.

So, typing <img src="https://nypost.com/wp-content/uploads/sites/2/2023/03/NYPICHPDPICT000007831829-1-edited.jpg" width="200"> gives us:

And typing <img src="https://nypost.com/wp-content/uploads/sites/2/2023/03/NYPICHPDPICT000007831829-1-edited.jpg" width="75%"> gives us:

The first image will remain 200 pixels wide no matter the size of the browser window. The second image will automatically resize to 75% of the width of the browser window as you resize the browser.

There ends today's HTML lesson. (Mostly because I've now exhausted my HTML knowledge...)

[mairdie]

the option that you add to your image is

width=500

to make it pretty fair sized for FR. The one you posted was

width=2500

approximately.

[T.B. Yoits]

Re: Sizing images

From Section 4B.2 of the Free Republic 2021 Sandbox:

img src="Image Link" width="x%"/
Using < before and > after of course.

30 to 40% usually works well

https://freerepublic.com/focus/f-chat/3999744/posts