---
title: "HTML-bilder"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/98404-html-bilder"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "LeonL"
published: "2004-02-29T15:00:30.000Z"
updated: "2004-03-07T18:00:11.000Z"
replies: 23
views: 866
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/98404-html-bilder"
---

# HTML-bilder

_Sida 1 av 2._

## #1 — LeonL, 2004-02-29T15:00Z

Jag har länge funderat på om man kunde göra bilder mha HTML. Jag testade denna: <http://member.webforum.nu/4672/brev.html>

Det blev ju riktigt bra :p
Jag undrar om dessa "bilder" kan vara mindre än vanliga bildfiler?

Edit\\\\ Insåg själv att HTML-filen var på några KB medan gif-filen var på några B :e

Permalänk: https://www.webforum.nu/p/98404

## #2 — Peeer, 2004-02-29T16:29Z

För mycket fritid? :OO

Permalänk: https://www.webforum.nu/p/1287590

## #3 — Alpha II, 2004-02-29T16:31Z

Eftersom din html fil kräver **väldigt** mycket kod för varje pixel medans en pixel i vanliga bildfiler utan komprimering tar upp 1-3 byte så är det inte så konstigt att en gif blir mycket mindre då den även är komprimerad. :)

Permalänk: https://www.webforum.nu/p/1287591

## #4 — LeonL, 2004-02-29T17:08Z

> **Peeer skrev:**
>
> För mycket fritid? :OO

Snarare för mycket fantasi :OO

> **Alpha II skrev:**
>
> Eftersom din html fil kräver **väldigt** mycket kod för varje pixel medans en pixel i vanliga bildfiler utan komprimering tar upp 1-3 byte så är det inte så konstigt att en gif blir mycket mindre då den även är komprimerad. :)

Det förklarar en del ;) :bire

Permalänk: https://www.webforum.nu/p/1287601

## #5 — Web-Tor, 2004-02-29T17:17Z

Kul idé!
Men vill du göra bilder med kod så ska du nog kolla på [SVG](http://www.w3.org/TR/SVG/).

Permalänk: https://www.webforum.nu/p/1287608

## #6 — solbulle, 2004-02-29T17:31Z

Ytterligare en [variant](http://member.webforum.nu/1631/tecken2.html)...   ;)

Permalänk: https://www.webforum.nu/p/1287621

## #7 — jarvklo, 2004-02-29T18:24Z

> **Peeer skrev:**
>
> För mycket fritid? :OO

[Du säger det?](http://member.webforum.nu/2241/gammalpixeljockey.html)   :p 

Till mitt försvar måste jag framhålla att jag hade rätt mycket för mycket fritid ett tag 2001 - bilden är från min dåvarande hemsida - och att offra en natts sömn på att handkoda en pixelbild som en HTML-tabell verkade vara en bra idé just då.... Nu kommer jag inte längre ihåg varför - men det är en annan historia  :birp 

Var också med om att fnula ihop en analog klocka i HTML/Javascript som vi försökte vektoranimera med stilmallsändringar från Javascript i en tabell på 400x400 celler bara för att testa...
Det funkade - men det tog mer än en sekund att uppdatera sekundvisaren samtidigt som den för den tiden snabba maskinen som eländet kördes på gick på knäna CPU-mässigt... Så vi lade ner tankarna på att man bara måste kunna fixa animerad vektorgrafik i HTML efter det ;)

Ack ja Men pilsnern var god den kvällen idén föddes - det kommer jag ihåg iaf  :birp

Permalänk: https://www.webforum.nu/p/1287646

## #8 — LeonL, 2004-02-29T18:54Z

Försökte göra ett ASP-script som går igenom varje pixel av en bild för att sedan skriva ut det som en stor tabell. Dokumentationen till komponenten var dock så luddigt skriven att det inte gick att förstå hur metodernas syntaxer skulle vara, så jag la ner hela projektet. :e

Kul att se att det är någon mer än jag som har tänkt på detta :OO

Permalänk: https://www.webforum.nu/p/1287658

## #9 — Alpha II, 2004-02-29T19:02Z

Jag gjorde också ett program för detta för länge sedan. Men det fanns ju inte så stor meningen med det då det tog ca 5 min för min dåvarande dator + IE att rita upp bilden. HTML filen blev över en mb också... :)

Permalänk: https://www.webforum.nu/p/1287662

## #10 — dectgap, 2004-02-29T23:31Z

En annan metod:
<http://www.meyerweb.com/eric/css/edge/slantastic/holiday.html>

Permalänk: https://www.webforum.nu/p/1287784

## #11 — LeonL, 2004-02-29T23:42Z

> **dectgap skrev:**
>
> En annan metod:
> <http://www.meyerweb.com/eric/css/edge/slantastic/holiday.html>

En aning randig :OO (Eller är det IE som beter sig dumt? :o)

Permalänk: https://www.webforum.nu/p/1287789

## #12 — colione, 2004-03-01T00:03Z

> **jarvklo skrev:**
>
> > **Peeer skrev:**
> >
> > För mycket fritid? :OO
>
> 
> [Du säger det?](http://member.webforum.nu/2241/gammalpixeljockey.html)   :p 
> 
> Till mitt försvar måste jag framhålla att jag hade rätt mycket för mycket fritid ett tag 2001 - bilden är från min dåvarande hemsida - och att offra en natts sömn på att handkoda en pixelbild som en HTML-tabell verkade vara en bra idé just då.... Nu kommer jag inte längre ihåg varför - men det är en annan historia  :birp 
> 
> Var också med om att fnula ihop en analog klocka i HTML/Javascript som vi försökte vektoranimera med stilmallsändringar från Javascript i en tabell på 400x400 celler bara för att testa...
> Det funkade - men det tog mer än en sekund att uppdatera sekundvisaren samtidigt som den för den tiden snabba maskinen som eländet kördes på gick på knäna CPU-mässigt... Så vi lade ner tankarna på att man bara måste kunna fixa animerad vektorgrafik i HTML efter det ;)
> 
> Ack ja Men pilsnern var god den kvällen idén föddes - det kommer jag ihåg iaf  :birp

Du har inte kvar den klockan någonstans...nu när det finns snabbare masikiner?

Permalänk: https://www.webforum.nu/p/1287791

## #13 — Jesper T, 2004-03-01T00:09Z

En tredje metod :<http://member.webforum.nu/Jesper%20T/sind.htm>

Permalänk: https://www.webforum.nu/p/1287792

## #14 — jarvklo, 2004-03-01T09:26Z

> **colione skrev:**
>
> Du har inte kvar den klockan någonstans...nu när det finns snabbare masikiner?

Nej - Har inga spår av den nånstans (och servern den låg på sålde vi tillsammans med företaget i höstas).

Permalänk: https://www.webforum.nu/p/1287837

## #15 — Alpha II, 2004-03-01T14:40Z

> **LeonL skrev:**
>
> > **dectgap skrev:**
> >
> > En annan metod:
> > <http://www.meyerweb.com/eric/css/edge/slantastic/holiday.html>
>
> En aning randig :OO (Eller är det IE som beter sig dumt? :o)

Ser betydligt bättre ut i Firefox.

Permalänk: https://www.webforum.nu/p/1287953

## #16 — PepeJeria, 2004-03-01T15:18Z

CSS bild:
<http://www.designdetector.com/tips/csspencils.php>

Rekommenderas att ses i Mozilla, andra browsers är för långsamma...

Permalänk: https://www.webforum.nu/p/1287968

## #17 — Web-Tor, 2004-03-01T15:55Z

(1500 rader HTML-kod) + (1500 rader CSS) =  En bild på 66x66 pixlar. :e

Permalänk: https://www.webforum.nu/p/1287982

## #18 — jarvklo, 2004-03-01T16:34Z

"Proof of concept" behöver varken vara effektivt eller ens praktiskt användbart ;) - det \*går\* ju att göra ju :e

Permalänk: https://www.webforum.nu/p/1288008

## #19 — nitro2k01, 2004-03-02T19:48Z

> **solbulle skrev:**
>
> Ytterligare en [variant](http://member.webforum.nu/1631/tecken2.html)...   ;)

Samma variant med font-taggen: \*

Permalänk: https://www.webforum.nu/p/1288658

## #20 — Calevan, 2004-03-05T22:30Z

> **Jesper T skrev:**
>
> En tredje metod :<http://member.webforum.nu/Jesper%20T/sind.htm>

hur gör man sådana här bilder? den var ju kanonsnygg ju! finns det program som kan göra en sådan åt en?

Permalänk: https://www.webforum.nu/p/1293148

---

Tråden på webben: https://www.webforum.nu/amne/html-css/98404-html-bilder  
Nästa sida: https://www.webforum.nu/amne/html-css/98404-html-bilder/page2.md
