HTML is a native image format, hear me out .. ## What's an…
0 reactions
HTML is a native image format, hear me out ..
## What's an image
We consider rasters as image (.jpeg, .webp, ..)
We also invented svgs, its a vector. SVG is a declarative language, has its own format and has own renderer
HTML, CSS is no different.
`<div style="background:black">html is underdog</div>`
Having this perspective on our mind, even considering any imperative code as a native image makes complete sense.
`canvas.drawCircle();`
So, .html/.hmml/.js is as image as .webp
====
## How can we/future's genAI models could leverage the world's most popular and feature rich image format (HTML, CSS, JS, SVG, IMAGE altogether). And how can we leverage it to build editable/composable images?
By packing them together, and abstracting away what an image means.
This so to 'popular' image format we call .html has a caveat. It's UTF-8, and whenever you need to embed any resource, you either need to base64 encode it(it has extra size overhead) or link the resource as a seperate thing. So.. as you decide to serve single pack of data for a single image, a binary packing strategy makes sense.(Image can be anything as we discussed earlier)
To match these concerns, we created/proposing you a new format, HMML (HyperMedia Markup Language).
HMML (HyperMedia Markup Language) is a declarative+imperative markup+ language for images/videos/media.. **HMML is HTML, CSS, JS, SVG, image, but not UTF-8.**
https://hmml.eddocu.com
and we have a npm library that does encode/decode of this binary format, and mounts the so to image into dom. (2kb js for encode/decode each. For comparison React is 90kb js. (Don't use react.))
`npm i
# image-leftdog-rightcat.html
```
<div style="display:flex">
<img src="base64" alt="i am dog image" />
<img src="base64" alt="i am cat image" />
</div>
```
Apart from doing this, hmml does embed the html, css, js blueprint into media binaries
# image-leftdog-rightcat.hmml
`binary stuff`
People already do similar things. But this format or POV of thinking accepts html/css/js as a native image format. Excited to see if future operating systems/browsers also accepts this format. <hmml /> or <img src="maybe.hmml" />
===
```
<Technical-Appendix>
The word "green apple" is an image, that has no format and no renderer.
`const vectorMultiDimensional_768 = get_word_embeddings("green apple")`
Now the word green apple has a format, its: "embedded by Embedding Model X"
If you had a renderer as such Embedding_Model_X.render()
Now you could call entire english sentences/paragraphs are images.
</Technical-Appendix>
```
bs or not. what you think?
#art
## What's an image
We consider rasters as image (.jpeg, .webp, ..)
We also invented svgs, its a vector. SVG is a declarative language, has its own format and has own renderer
HTML, CSS is no different.
`<div style="background:black">html is underdog</div>`
Having this perspective on our mind, even considering any imperative code as a native image makes complete sense.
`canvas.drawCircle();`
So, .html/.hmml/.js is as image as .webp
====
## How can we/future's genAI models could leverage the world's most popular and feature rich image format (HTML, CSS, JS, SVG, IMAGE altogether). And how can we leverage it to build editable/composable images?
By packing them together, and abstracting away what an image means.
This so to 'popular' image format we call .html has a caveat. It's UTF-8, and whenever you need to embed any resource, you either need to base64 encode it(it has extra size overhead) or link the resource as a seperate thing. So.. as you decide to serve single pack of data for a single image, a binary packing strategy makes sense.(Image can be anything as we discussed earlier)
To match these concerns, we created/proposing you a new format, HMML (HyperMedia Markup Language).
HMML (HyperMedia Markup Language) is a declarative+imperative markup+ language for images/videos/media.. **HMML is HTML, CSS, JS, SVG, image, but not UTF-8.**
https://hmml.eddocu.com
and we have a npm library that does encode/decode of this binary format, and mounts the so to image into dom. (2kb js for encode/decode each. For comparison React is 90kb js. (Don't use react.))
`npm i
# image-leftdog-rightcat.html
```
<div style="display:flex">
<img src="base64" alt="i am dog image" />
<img src="base64" alt="i am cat image" />
</div>
```
Apart from doing this, hmml does embed the html, css, js blueprint into media binaries
# image-leftdog-rightcat.hmml
`binary stuff`
People already do similar things. But this format or POV of thinking accepts html/css/js as a native image format. Excited to see if future operating systems/browsers also accepts this format. <hmml /> or <img src="maybe.hmml" />
===
```
<Technical-Appendix>
The word "green apple" is an image, that has no format and no renderer.
`const vectorMultiDimensional_768 = get_word_embeddings("green apple")`
Now the word green apple has a format, its: "embedded by Embedding Model X"
If you had a renderer as such Embedding_Model_X.render()
Now you could call entire english sentences/paragraphs are images.
</Technical-Appendix>
```
bs or not. what you think?
#art
| 2,000 mlx | |
| 3 | |
| 0 |