It's great that you are having ideas, and proposing them; don't stop.

The problem in this case is that your suggestion does not work for at least one known use case for the site: viewing from a text-based browser (such as eLinks, Links, or others). Currently voting works for such; with your suggestion the browser in most cases (that I'm aware of, at least) will not download the image unless specifically directed to do so.

You can at least see a relative ordering by sorting by "Best first" instead of "Oldest first".

Earlier someone told me not to post inline html pictures in my post, because it makes each of my post very big.

> I'm not aware of anyone having concerns over the site's bandwidth usage

As you might expect, I keep a list of references on this topic:

• Re: Add "Image Miniatures" to your HTML by jdporter (2007) - Please DO NOT frivolously Add "Image Miniatures" to your HTML, at least here on PerlMonks. They consume an inordinate about of storage/transmission resources.
• Fun, Emoji and Ascii Art References - lots more references; in particular, Unicode Emojis have been suggested to harangzsolt33 (aka 🔔👳🏽‍♂️🐔) in the past to add levity minus bandwidth concerns ... though he's never used them AFAIK (see Re^4: super slow (Hungarian table tennis) for the origin of the harangzsolt33 🔔👳🏽‍♂️🐔 emoji :)

👁️🍾👍🦟

I can't find a suitable word to describe the downsides of using HTML tables for displaying images here.

But there are alternatives allowing a lot of details without bandwith problems.

• Base64 encoding
• SVG
And less so
• ASCII graphics
I had to use the latter multiple times in the past and it was kind of bothersome moving characters by hitting the bar.

But a nodelet-hack to extend the ability of the local markup to show base64 or SVG could be an easy proof of concept.

Alas I doubt that's our top priority here.

FWIW here a POC:

The Perl Onion as Base64

<Reveal this spoiler or all spoilers in this node or all in this thread>

The Perl Onion as SVG

<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" width="50px" height="50px" viewBox="0 0 32 32" version="1.1"> <title>perl</title> <path d="M17.291 28.797c-0.389 0-0.349 0.76 0.066 1.289 0.385 0.489 1.132 0.707 1.132 0.329-0.252-0.656-0.664-1.203-1.189-1.611l-0.008-0.006zM14.706 28.718c-0.155-0.003-0.282 0.174-0.408 0.536-0.079 0.272-0.243 0.499-0.461 0.654l-0.004 0.003c-0.155 0.037-0.268 0.175-0.268 0.338 0 0.192 0.156 0.347 0.347 0.347 0.005 0 0.010-0 0.015-0l-0.001 0c0.26-0.023 0.49-0.133 0.666-0.3l-0.001 0c0.55-0.551 0.722-1.027 0.476-1.324-0.138-0.167-0.257-0.253-0.361-0.255zM16.017 28.369c-0.259-0.007-0.37 0.435-0.37 1.397 0 1.172 0.022 1.231 0.426 1.174 0.376-0.052 0.432-0.187 0.482-1.12 0.040-0.764-0.024-1.124-0.228-1.295-0.082-0.081-0.188-0.137-0.307-0.155l-0.003-0zM17.375 9.062c0.042-0.009 0.168 0.141 0.314 0.381 0.727 0.778 1.523 1.473 2.384 2.083l0.048 0.032c3.599 2.728 6.568 5.456 5.094 10.22-0.549 1.51-1.384 2.8-2.446 3.861l-0 0c-0.502 0.598-1.144 1.063-1.875 1.348l-0.032 0.011c0.24-0.452 0.515-0.843 0.832-1.194l-0.005 0.005c1.406-1.708 2.259-3.918 2.259-6.326 0-0.262-0.010-0.522-0.030-0.779l0.002 0.034c-0.663-3.014-2.34-5.558-4.647-7.318l-0.030-0.022c-1.137-0.992-1.892-1.914-1.884-2.301 0-0.020 0.006-0.031 0.016-0.034zM16.485 3.346c-0.145 0.736-0.229 1.583-0.229 2.449 0 0.411 0.019 0.819 0.056 1.22l-0.004-0.052-0.005 3.647-0.927 3.505c-0.574 1.662-0.905 3.576-0.905 5.569 0 1.44 0.173 2.84 0.5 4.179l-0.025-0.12c0.695 2.744 0.992 3.288 1.953 3.561 0.578 0.189 1.080 0.43 1.541 0.728l-0.026-0.016c0.917 0.611 1.739 0.542 3.384-0.289 2.213-1.042 3.968-2.752 5.041-4.866l0.028-0.061c0.479-1.005 0.759-2.184 0.759-3.428 0-1.172-0.248-2.285-0.695-3.291l0.020 0.052c-1.32-2.211-3.16-3.988-5.358-5.194l-0.073-0.037c-2.694-1.79-3.262-2.268-3.926-3.305-0.271-0.367-0.434-0.828-0.434-1.327 0-0.167 0.018-0.33 0.053-0.487l-0.003 0.015c0.033-0.517 0.118-0.999 0.251-1.461l-0.012 0.048c0.126-0.298 0.086-0.334-0.252-0.227-0.324 0.102-0.424 0.034-0.523-0.356-0.076-0.305-0.14-0.464-0.189-0.455zM14.605 2.559c-0.232 0-0.284 0.324-0.284 1.772 0.002 0.071 0.003 0.154 0.003 0.238 0 0.771-0.081 1.523-0.236 2.248l0.013-0.070c-0.389 1.139-1.438 2.165-4.34 4.242-1.834 1.227-3.35 2.78-4.499 4.588l-0.037 0.063c-0.494 1.069-0.783 2.321-0.783 3.639 0 3.505 2.037 6.535 4.992 7.969l0.053 0.023c2.010 1.124 3.696 1.562 3.696 0.957 0-0.157-0.067-0.284-0.151-0.284-0.602-0.294-1.114-0.6-1.598-0.943l0.035 0.024c-2.801-1.473-4.678-4.364-4.678-7.692 0-0.136 0.003-0.271 0.009-0.405l-0.001 0.019c0.187-2.38 1.088-3.839 4.731-7.646 3.143-3.285 3.352-3.701 3.356-6.61 0.001-1.77-0.045-2.131-0.282-2.131zM15.549 1.045c-0.184 0-0.258 0.859-0.314 3.645-0.072 3.564-0.087 3.675-0.636 4.878-0.746 1.441-1.59 2.684-2.561 3.815l0.022-0.026c-0.762 0.865-1.419 1.849-1.935 2.915l-0.034 0.077c-0.409 0.946-0.646 2.048-0.646 3.206 0 1.111 0.219 2.171 0.617 3.14l-0.020-0.055c0.719 1.587 1.759 2.915 3.045 3.95l0.021 0.016c1.172 1.003 1.533 1.145 1.714 0.678-0.080-0.493-0.294-0.926-0.604-1.271l0.002 0.002c-0.495-0.727-0.983-1.567-1.413-2.442l-0.055-0.124c-1.722-3.647-0.872-6.676 1.124-10.026 0.949-1.363 1.638-2.98 1.957-4.726l0.011-0.075c0.091-0.828 0.143-1.788 0.143-2.76 0-1.703-0.159-3.368-0.463-4.983l0.026 0.166z"/> </svg>

UPDATE

You can copy either code into your Free Nodelet Settings to see the effect. (Don't forget to activate the free nodelet to be shown in your nodelet tab)

Cheers Rolf
_{(addicted to the Perl Programming Language :)
see Wikisyntax for the Monastery}

someone told me not to post inline html pictures in my post, because it makes each of my post very big

What. This makes no sense. Users don't even have the ability to put inline images in their posts. I'd like to see you try!

See Convert BMP to HTML.

---

🦛

Yeah, ok. Please don't do that. :-)

Paging Mr. Ratty. Mr. Ratty, yellow courtesy phone. (Re: Perl::Improved Volume 0, Number 0)

The cake is a lie.
The cake is a lie.
The cake is a lie.