inline images

[yawnmoth]

http://us2.php.net/manual/en/functio...egif.php#20425

The above URL suggests that it's possible to sorta embed images within
an HTML document so that they don't have to be loaded via a seperate
HTTP request. The idea intrigues me, although I can't seem to get it
working. Is the idea sound or is that link just kinda bogus?

Here's my (failed) attempt:

http://www.geocities.com/terra1024/inline_gif.html

(I apologize for the mangled HTML that geocities produced)

[Bart]

Op 27 Dec 2005 02:48:30 -0800 schreef "yawnmoth"
<te*******@yaho o.com>:

http://us2.php.net/manual/en/functio...egif.php#20425

The above URL suggests that it's possible to sorta embed images within
an HTML document so that they don't have to be loaded via a seperate
HTTP request. The idea intrigues me, although I can't seem to get it
working. Is the idea sound or is that link just kinda bogus?

Here's my (failed) attempt:

http://www.geocities.com/terra1024/inline_gif.html

(I apologize for the mangled HTML that geocities produced)

Try this:
<p>
Demo: You should see an image here:<br>
<img
src="data:image/png;base64,iVBO Rw0KGgoAAAANSUh EUgAAADIAAAAyCA YAAAAeP4ixAAAAL HRFWHRDcmVhdGlv biBUaW1lAFR1ZSA yNiBPY3QgMjAwNC AwMDowNDoyMCAtM DAwMMDfY6EAAAAH dElNRQfUChkXBTf %2BeRCSAAAACXBI WXMAAAsSAAALEgH S3X78AAAABGdBTU EAALGPC%2FxhBQA AB1RJREFUeNrVmH lwU1UUxr%2BbrUn alFaQVpaWpSLL6I igQnFhm1FZBhWoA 6igIAUcQKnKKo5Q ZBMVWXSgKG7jiFQ 6MIKAiDgoVXFQ%2 FAMVKUKtVqB2oU3 SbNfvRouxNs1LG0 g4HaavL%2Ffm3R% 2FnnO%2Bc8wQuT% 2BuUjJZLdNAP8sG rM8L0bLQPFK5Zzb BMs6HFqRuQWfWm2 CsfEU%2F4ktHqJ0 O0TxaG2WxIfNkHX 9ZYMcU4EuONBMKP %2BF5I%2BCyXBUg SWl5tgSVPAjc9KZ 6L64P%2BgmH1nzW 6aB8ylA3DfTe3QP LeFmiZuVC8ZM7Eo P9A6P%2B5jmmPZG HioKP4esuVSLlij liJtkj%2F35r26A SGmD5mPXIzbh93C J8U8JBBIZQx%2BZ VX9DHpkR7oOeoXH N%2FAMLJOFLPQEq 2DrqX8%2Bn%2FHG oieh76%2FFCWr%2 B%2BMu6zQxD1YkN ApBr%2FnccDtiKb T0iUia4ULtuiEYn RgKQlkhDmCr3OwU EE%2FFikf8EBJyc baYbbkH9%2F9PXu vbaRRhrVxcY0H8q mIU5ceERyivkwMg dKEgzqMSq%2BR8h weefYRYzlveqHuE OXEXY33ZWJGtCUL lxRtyjesUTpz8Ay XZvGVX96PqERPiB rvh2jwAQxNG4aGQ EMp24n3fHhSUV6B sEv8srbsfCsTG2O 1hgbU1ImwKgjXgn YEYnvyomK8LldjK DuNz5MkXKumV2bV wHgr8rKHQEqlo1% 2FVKpE4
9g99GuOBqFQdzqR feSVSU%2FZGAYE5 000H3%2Bm24M3m6 WGDUAqGSe4WcU83 LDWU483b9z%2Bv7 0saHrKC71xlh7Dd STEgaIyYbK1Ge8C fODe2FzB2ncaKsm Z7ozGdsT0Pn9ByR a%2BB1yD08OBbLm Y4qVOwuxa85vOWs vybQI%2BkpaLsWk AMniJmWfhgs6BX% 2FB1eJ9sbH5LjWH dFlzQrx%2BpC%2B sq2niRyd4mHbmoI 2HeeKlfrGKnad2V GNjfJ5dwlOHT%2B D3x%2BFEq0GrM4j 6QlIZHOW2neOWG5 h8on4AHera7dwiU Lsb2sQhvcO4KOme CWVA1BBe3Ts%2Bj S72GC9U6AphdooV 3mZ3GV21Iz0wH0i 2FqV7IIJPY8Q1zw nNph7om%2BDCwdh OJhgxoNyb%2F8mQ Nj4%2FasZRj3mix csWiBYV1CAd3w78 K6d%2BTTVCft3ja 3nvGvswd9ZD4vHE xt7gAqz28Sd8mcc GxouBD2xnocZliO WxKWx7dZih3EQr8 kX7QR6phzntodar 4tHYnY7dDD3xQAR avF1uNHghKMLVLS FAWGC6d4F4iVrb% 2FTTtOkEfsBS%2B SQLncxngq%2FjLW 9IEM7AQwaIoSYmY cgHJOEKeOBSGaql rtioUKsMMIwIB4K qpGTWQeU8VIaz03 nLpWUfQbwp16OPp grP2RlGxCnPpWiB oICMXihWx2uFUAr 1qlzuKMbJH8%2Fh j8kIolANgrAFFmr K0mJW%2FnCtiVNb z0aW6Y0wzbAiPut ZsTaxN27R9J%2Bk FGoLNtVSGSvZFI7 nrSKtEH6QcBazZe aM3NHLKn9jMAiG0 hQDjE9MFfMsWiGU fYj3PVvkpjIH7A9 QZo%2BGc66wQeg9 XCt6m5hXffhn%2F ZLsh2Do5U4Vc83D kGXS%2Br1UKF%2B efL6SebGIbdDH4U L4QfQw%2BCjBmje oik81SeJlr0AINR gx7JYqiJF40Kylk %2F0b4nP
kylmVVMMl1Tif1x QIP0gLJNlbhczdf 60DMuLSkVFF74yB chITm4q3QA1GU8T c%2BPAhHrOz0BZo ldmgIDWojmNTqHk DPQgOQWnMl7vpyS xK8itUqJwZYqGmw ag%2BBLvrDzhbzI RGmQ1mBtV2sI8Ja xPbb8sRfGnYjfw8 G0X5KbEsQavE1od g1Z6GMGQ2mAlKac 16kW%2FNQLewNjK mwY7UR4%2FotHSx FxNCmYGxLZuyUdW ezugaluqp4WilnE uI2oJylEUMQpmOI PYK%2FBmp7wtq9B 6WyFmO86g4RoicS EL4QdjQOUrwy0WH WMQJjx75gRBZCHh pEDEQJmvJz%2FLY JYGgOo1CmK2HZhC 2BGfZ27gvZwg%2F CMfYomIUKaDLFkK Zga1zERPeI%2BHT VsliEEKZzgnnb1Q SGSnligaEH6QK5c fdcPvCre4NmRqM1 shFTkIcv5QQfhD% 2BO8%2F%2BqMbX9 H4tACLXfQSFVdWo zL6UEHUgv7NKnz3 djOfWQXyCHeVsXc Z54Cm8lBB1IE7O1 vu%2BlYW16l1Scy GaOhg11%2FxKxYn PWYLTozJEN01vAO uMuYW1Mte1D9sro glxAaQWjmIr4tMO Yk%2F3NiLdmMZ2U KDx11wqp7bhLec2 vOGfs6MJcQGEJhk inzFX2hzAru5mYd GxsxWGICOwauHzs bn2TbnmHAezCdGG CARR5nKgZl8czPI bfNGrGCd1GaK7ms UvLFA5dBI%2F4RW 51LULW0s5Y0%2BM BQhlDcWPIEwmB6b 1Rpi6DMQw863iDr 8XDshd3k%2Bx080 R9yvWnSkckS9etx kBkDpLbY02091wj dZDL%2BgN9eKt1I 3aDWU4uwWIcHPWT PsLuA7uMDvFxYYA AAAASUVORK5CYII %3D"
alt="Oops, your browser seems to think that you just don't need this
functionality" title="">
</p>

Copied from:
http://www.howtocreate.co.uk/wrongWi...r=Data%3A+URIs
Read the text there.

IE 5.5 does not support it, not sure about later versions.

Bart
--
Bart Broersma
br************* ********@tiscal i.nl
(ff _ANTISPAM_ wegpoetsen uit dit adres natuurlijk)

[Alexander Clauss]

yawnmoth <te*******@yaho o.com> wrote:

Here's my (failed) attempt:

<img src="/-/data:image/gif;base64,R0lG ODdhMgAyAI...
^^^^^
These characters are wrong and must be removed.

The URL must start with "data:" to define any inline-data.

Like "http:", "ftp:", "file:", "mailto:" the protocol part "data:" must
be the beginning of the URL. Otherwise it can't be recognized because.
If the URL would start with "/" then the URL must be treated as relative
URL and will be resolved relative to the URL of the document itself and
so the data is loaded from the web and not treated as inline data. So
the real URL would be

http://www.your-domain.com/-/data:im...;base64,R0lGOD...

But if you really want to define the data inline you have to use:

data:image/gif;base64,R0lG ODdhMgAyAI...

--
Alexander

[Norman L. DeForest]

On 27 Dec 2005, yawnmoth wrote:

http://us2.php.net/manual/en/functio...egif.php#20425

The above URL suggests that it's possible to sorta embed images within
an HTML document so that they don't have to be loaded via a seperate
HTTP request. The idea intrigues me, although I can't seem to get it
working. Is the idea sound or is that link just kinda bogus?

Here's my (failed) attempt:

http://www.geocities.com/terra1024/inline_gif.html

(I apologize for the mangled HTML that geocities produced)

I have an example on my HTML Sampler page:
http://www.chebucto.ns.ca/~af380/html.html#part6a
(and a link to the appropriate RFC).

Use Something like this:

<img src="data:image/gif;base64,base 64-encoded image-bytes-go-here"
alt="appropriat e-alt-text">

replacing the 'base64-encoded image-bytes-go-here' with the appropriate
base64 representation of the image, adding appropriate alt text and
changing the image type if it's a JPG or PNG file. (One way to get it if
your email reader doesn't store stuff in some proprietary format is to
email the image to yourself as an attachment and then snip the raw
un-decoded base64 code from the email with a text editor. Another way is
to get the UUDEVIEW/UUENVIEW freeware package and use UUENVIEW with the
appropriate switch to encode the image and then snip our the headers it
adds to the base64 code.)

Note that this works with Firefox and Opera but IE version 6 on my machine
doesn't recognise the "data:" protocol.

--
Norman De Forest http://www.chebucto.ns.ca/~af380/Profile.html
af***@chebucto. ns.ca [=||=] (At the Sign of the Flashing Cursor)
"Oh how I miss the days when it was easier to catch gonorhea than a
computer virus." -- Big Will in alt.comp.virus, March 9, 2005