Beefy Boxes and Bandwidth Generously Provided by pair Networks
Perl: the Markov chain saw
 
PerlMonks  

Re: Add "Image Miniatures" to your HTML (Fun, Emoji and Ascii Art References)

by eyepopslikeamosquito (Archbishop)
on Feb 19, 2007 at 20:07 UTC ( [id://600944]=note: print w/replies, xml ) Need Help??


in reply to Add "Image Miniatures" to your HTML

In case it's of historical interest/amusement, I generated the three HTML images in the node cited above from these ascii art images:

using cog's Acme::AsciiArt2HtmlTable module.

Actually, I originally had four, but my meditation mysteriously (to me) was not being displayed correctly. I was cursing and swearing at the time, thinking I'd made some HTML blunder, not appreciating there's a 64K size limit per node and that I had just exceeded that limit. When it finally dawned on me what was spoiling all my hard work, I reluctantly removed the lovely little orange HTML picture of pijll. :-)

At the time, I was not aware of any prior art in this area, other than cog's little module, so thanks to liverpole and the respondents for furthering my education in this area.

While creating these HTML images was fun at the time, I don't plan on repeating it any time soon owing to the bandwidth concerns raised by jdporter.

Fun References Added Later

Obfus:

Secret Operators:

Poetry:

Quips and Quotes:

Other:

Node Size Limit:

HTML Table Emojis (with some bandwidth concerns):

  • Good Intentions: Wikisyntax for the Monastery by LanX (Jan 2016)
  • Re^3: New Design for Sending + - votes on PerlMonks (Inline Images) by LanX (Jul 2025) - examples of adding images to posts without the bandwidth concerns of HTML tables via Base64 encoding (<img width="50px" height="50px" src="data:image/gif;base64,...), 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="M...) and ASCII Graphics
  • Re^8: How am i doing? by LanX (Jul 2025) - (<table bgcolor="blue"><tr><td bgcolor="red" fgcolor=blue height="75" width="75" align="center"><P> <big><font color="blue"> <b>Thanks!</b></font> &#128077;</big> </td></tr></table> <P> <div class="pmsig"><div class="pmsig-708738"> <!--nowiki--><p><font color="blue"> <b>SCNR</b></font> Rolf &#128540;<br> <sub>(addicted to the Perl Programming Language :) <br>) 👍 😜

... by harangzsolt33:

... harangzsolt33 also features in these nodes:

Image Macros:

Unicode Emojis: (no bandwidth concerns)

Unicode Emojis were added later to these old nodes:

Egyptian Hieroglyphs:

Ascii Art:

  • ASCII art
  • AAlib - a software library which allows applications to automatically convert images into ASCII art
  • Text::AAlib - Perl Binding for AAlib
  • libcaca - a software library that converts images into coloured ASCII art

See also nodes by harangzsolt33 above.

Ascii Art on CPAN:

Terminal Color and RGB Graphics:

Avatars:

CPAN:

Other:

  • Image file format
  • GIMP - Graphics Editor. Can export to HTML (as a table with coloured cells) and as ASCII Art using a plug-in to represent images with characters and punctuation
  • APNG (wikipedia) - Animated Portable Network Graphics
  • Animated GIF (wikipedia) - although GIF was not designed as an animation medium, its ability to store multiple images in one file naturally suggested using the format to store the frames of an animation sequence

See Also

Updated: Many Fun References were added long after the original reply was made

Log In?
Username:
Password:

What's my password?
Create A New User
Domain Nodelet?
Node Status?
node history
Node Type: note [id://600944]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this?Last hourOther CB clients
Other Users?
Others chanting in the Monastery: (2)
As of 2026-01-25 10:12 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?
    What's your view on AI coding assistants?





    Results (126 votes). Check out past polls.

    Notices?
    hippoepoptai's answer Re: how do I set a cookie and redirect was blessed by hippo!
    erzuuliAnonymous Monks are no longer allowed to use Super Search, due to an excessive use of this resource by robots.