Shrink photos on web page

[hubner]

Is it possible to make photos appear smaller on  a web page without changing the text size?

On some forums, people put a  photo in their post but it's at 100% full size, like 5,000 pixels wide. And the text goes all the way across and you have to scroll about 5 times to read it. Zooming out can make the photo smaller but the text goes smaller by the same amount so ends up unreadable.

[woollypigs]

Yes it is possible. Also depends on how the website/forum works. Some can resize it for the person who is sharing, other needs the person who shares it either to upload the photo in a smaller format or enter the smaller dimension.

[Kim]

Anything relying on the person embedding the image doing the right thing isn't going to work, because there are always going to be lazy and computer illiterate people.  The ones who care and know what they're doing are already resizing them.

If there's a client-side solution, it'll be a browser extension.  Someone must have written one for arbitrary zooming of images...

[JennyB]

I think hubner is asking if the viewer can do something. The answer AFAIK, is no - unless your browser allows you to not display images.

[hubner]

Yes, I mean for the viewer.

[Pickled Onion]

Yes, you can do this with CSS (Cascading Style Sheets).

Create a text file with this in it:

Code: [Select]

img {
    max-width: 50% ! important;
}
You can use a size in pixels instead, eg 200px instead of 50%.

Then set the browser to use the style sheet (instructions) and no image will be bigger than the size you have set.

Note: this will affect all images on all sites, if you want to be more specific that is possible too.

[Pickled Onion]

Actually, using a percentage is sub-optimal, it is the percentage of the enclosing box. Either use a specific size in pixels, or something like 80vw which is 80% of the viewport width (but won't work on older browsers).

[drossall]

If there's a client-side solution, it'll be a browser extension.  Someone must have written one for arbitrary zooming of images...

To comment on this, we'd need to know which browser Hubner is using.

[hubner]

I'm using Waterfox, based on pre-57 Firefox, ie without the new system of add-ons.

I've had a look around, there are some add-ons that allow custom style sheets.

At  the moment: view>page style, gives two choices; basic page style and no style. No style is useful sometimes when the page doesn't display properly because I have javascript turn off.

Ideally I would to be able to have more choices, eg one where images get resized to a preset maximum.

I'll try some of the add-ons and see what they're like.